<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Buy, Sell and Trade Second Hand Devices- Near Me | CompAsia</title>
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Urbanist:wght@300;400;500;600;700;800&display=swap"
    rel="stylesheet">
  <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" />
  <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css" />

  <style type="text/css">
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    html {
      margin: 0;
      padding: 0;
      scroll-behavior: smooth;
    }

    body {
      font-family: 'Urbanist', -apple-system, BlinkMacSystemFont, 'Inter', 'Poppins', 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
      font-weight: 600;
      margin: 0;
      padding: 0;
      overflow-x: hidden;
    }

    /* Typography */

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      margin-bottom: 15px
    }

    h1 a,
    h2 a,
    h3 a,
    h4 a,
    h5 a,
    h6 a {
      font-weight: inherit
    }

    h1 a:hover,
    h2 a:hover,
    h3 a:hover,
    h4 a:hover,
    h5 a:hover,
    h6 a:hover {
      text-decoration: none
    }

    p {
      margin: 0 0 15px
    }

    em,
    i {
      font-style: italic
    }

    b,
    strong,
    dt {
      font-weight: 700
    }



    /* Code Hightlighter */

    code,
    pre,
    q {
      font-family: Consolas, monospace !important;
      border: 1px solid #e8e8e8;
      background: #fff;
      border-radius: 3px
    }

    code,
    q {
      padding: 2px 4px;
      white-space: nowrap;
      margin: 0 2px;
      color: #2991d6
    }

    pre {
      padding: 21px 15px 20px;
      margin: 15px 0;
      display: block;
      line-height: 21px !important;
      background: #fff;
      background: -moz-linear-gradient(top, #fff 50%, #fafafa 50%);
      background: -webkit-linear-gradient(top, #fff 50%, #fafafa 50%);
      background: -o-linear-gradient(top, #fff 50%, #fafafa 50%);
      background: linear-gradient(top, #fff 50%, #fafafa 50%);
      background-size: 42px 42px;
      white-space: pre-wrap;
      white-space: -moz-pre-wrap;
      white-space: -pre-wrap;
      white-space: -o-pre-wrap
    }

    code p,
    pre p {
      margin-bottom: 0 !important
    }

    /* Links */

    a,
    a:visited,
    a:focus {
      text-decoration: none;
      outline: 0
    }

    a:hover {
      text-decoration: underline
    }

    p a,
    p a:visited {
      line-height: inherit
    }

    /* Images */

    img.scale-with-grid,
    .content_wrapper img {
      max-width: 100%;
      height: auto
    }

    #Content_home .is-cropped img {
      height: inherit
    }

    iframe {
      max-width: 100%
    }

    /* Button | .button ------------------------------------------ */

    button::-moz-focus-inner,
    input::-moz-focus-inner {
      border: 0;
      padding: 0
    }

    button,
    input[type=button],
    input[type=reset],
    input[type=submit],
    .button,
    .wc-block-components-button:not(.is-link) {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: var(--mfn-button-gap);
      position: relative;
      box-sizing: border-box;
      font-family: var(--mfn-button-font-family);
      font-size: var(--mfn-button-font-size);
      font-weight: var(--mfn-button-font-weight);
      font-style: var(--mfn-button-font-style);
      letter-spacing: var(--mfn-button-letter-spacing);
      line-height: 1.2;
      padding: var(--mfn-button-padding);
      border-width: var(--mfn-button-border-width);
      border-style: var(--mfn-button-border-style);
      border-radius: var(--mfn-button-border-radius);
      outline: unset;
      text-decoration: none;
      cursor: pointer;
      overflow: hidden;
      transition: color var(--mfn-button-transition) ease-in-out, background-color var(--mfn-button-transition) ease-in-out, border-color var(--mfn-button-transition) ease-in-out;
    }

    /* Hover */
    button[aria-expanded=true],
    button:hover,
    input[type=button][aria-expanded=true],
    input[type=button]:hover,
    input[type=reset][aria-expanded=true],
    input[type=reset]:hover,
    input[type=submit][aria-expanded=true],
    input[type=submit]:hover,
    .button[aria-expanded=true],
    .button:hover,
    .wc-block-components-button:not(.is-link)[aria-expanded=true],
    .wc-block-components-button:not(.is-link):hover {
      text-decoration: none;
    }

    /* Disabled */
    button.disabled,
    button:disabled,
    button[aria-disabled=true],
    input[type=button].disabled,
    input[type=button]:disabled,
    input[type=button][aria-disabled=true],
    input[type=reset].disabled,
    input[type=reset]:disabled,
    input[type=reset][aria-disabled=true],
    input[type=submit].disabled,
    input[type=submit]:disabled,
    input[type=submit][aria-disabled=true],
    .button.disabled,
    .button:disabled,
    .button[aria-disabled=true],
    .wc-block-components-button:not(.is-link).disabled,
    .wc-block-components-button:not(.is-link):disabled,
    .wc-block-components-button:not(.is-link)[aria-disabled=true] {
      cursor: not-allowed;
      opacity: 0.3;
    }

    /* Loading */
    button.loading,
    input[type=button].loading,
    input[type=reset].loading,
    input[type=submit].loading,
    .button.loading,
    .wc-block-components-button:not(.is-link).loading {
      color: transparent !important;
      transition-duration: unset;
    }

    button.loading::after,
    input[type=button].loading::after,
    input[type=reset].loading::after,
    input[type=submit].loading::after,
    .button.loading::after,
    .wc-block-components-button:not(.is-link).loading::after {
      content: "";
      display: inline-block;
      position: absolute;
      left: 50%;
      top: 50%;
      margin: -8px 0 0 -8px;
      border-top: 2px solid transparent !important;
      border-radius: 50%;
      width: 16px;
      height: 16px;
      animation: loading-spin 1s linear infinite;
    }

    button.loading:after,
    .button.loading:after {
      border: 2px solid rgba(0, 0, 0, .6);
    }

    @keyframes loading-spin {
      0% {
        transform: rotate(0deg);
      }

      100% {
        transform: rotate(360deg);
      }
    }

    /* Button Icon */
    button i,
    input[type=button] i,
    input[type=reset] i,
    input[type=submit] i,
    .button i,
    .wc-block-components-button:not(.is-link) i {
      transition: all var(--mfn-button-transition) ease-in-out;
    }

    /* Button Icon right */
    button.button_right .button_icon,
    input[type=button].button_right .button_icon,
    input[type=reset].button_right .button_icon,
    input[type=submit].button_right .button_icon,
    .button.button_right .button_icon,
    .wc-block-components-button:not(.is-link).button_right .button_icon {
      order: 1;
    }

    /* Full width */
    button.button_full_width,
    input[type=button].button_full_width,
    input[type=reset].button_full_width,
    input[type=submit].button_full_width,
    .button.button_full_width,
    .wc-block-components-button:not(.is-link).button_full_width {
      width: 100%;
    }











    /* Default ----------------------------------*/

    button,
    input[type="button"],
    input[type="reset"],
    .button,
    .widget a.button,
    .wp-block-button__link {
      background-color: var(--mfn-button-bg);
      border-color: var(--mfn-button-border-color);
      color: var(--mfn-button-color);
      box-shadow: var(--mfn-button-box-shadow);
    }

    button i,
    input[type="button"] i,
    input[type="reset"] i,
    .button i,
    .widget a.button i,
    .wp-block-button__link i {
      color: var(--mfn-button-icon-color);
    }

    button.loading:after,
    .button.loading:after {
      border-color: var(--mfn-button-color);
    }

    button:hover,
    input[type="button"]:hover,
    input[type="reset"]:hover,
    .button:hover,
    .widget a.button:hover,
    .wp-block-button__link:hover {
      background-color: var(--mfn-button-bg-hover);
      border-color: var(--mfn-button-border-color-hover);
      color: var(--mfn-button-color-hover);
    }

    button:hover i,
    input[type="button"]:hover i,
    input[type="reset"]:hover i,
    .button:hover i,
    .widget a.button:hover i,
    .wp-block-button__link:hover i {
      color: var(--mfn-button-icon-color-hover);
    }

    button.loading:hover:after,
    .button.loading:hover:after {
      border-color: var(--mfn-button-color-hover);
    }

    .button-animation-slide button:hover,
    .button-animation-slide .button:hover,
    .button-animation-slide .widget a.button:hover,
    .button-animation-slide .wp-block-button__link:hover {
      background-color: var(--mfn-button-bg);
    }

    .button-animation-slide button:before,
    .button-animation-slide .button:before,
    .button-animation-slide .widget a.button:before,
    .button-animation-slide .wp-block-button__link:before {
      background-color: var(--mfn-button-bg-hover);
    }

    /* Theme ----------------------------------*/

    .button_theme,
    input[type="submit"] {
      background-color: var(--mfn-button-theme-bg);
      border-color: var(--mfn-button-theme-border-color);
      color: var(--mfn-button-theme-color);
      box-shadow: var(--mfn-button-theme-box-shadow);
    }

    .button_theme i,
    input[type="submit"] i {
      color: var(--mfn-button-theme-icon-color);
    }

    .button_theme.loading:after {
      border-color: var(--mfn-button-theme-color);
    }

    .button_theme:hover,
    input[type="submit"]:hover {
      background-color: var(--mfn-button-theme-bg-hover);
      border-color: var(--mfn-button-theme-border-color-hover);
      color: var(--mfn-button-theme-color-hover);
    }

    .button_theme:hover i,
    input[type="submit"]:hover i {
      color: var(--mfn-button-theme-icon-color-hover);
    }

    .button_theme.loading:hover:after {
      border-color: var(--mfn-button-theme-color-hover);
    }

    .button-animation-slide .button_theme:hover {
      background-color: var(--mfn-button-theme-bg);
    }

    .button-animation-slide .button_theme:before {
      background-color: var(--mfn-button-theme-bg-hover);
    }

    /* Shop highlight ----------------------------------*/

    button.alt,
    input[type="button"].alt,
    input[type="reset"].alt,
    input[type="submit"].alt,
    .button.alt,
    .widget-area .widget a.button.alt,
    .added_to_cart,
    .widget a.button.checkout,
    .wc-block-components-button:not(.is-link) {
      background-color: var(--mfn-button-shop-bg);
      border-color: var(--mfn-button-shop-border-color);
      color: var(--mfn-button-shop-color);
      box-shadow: var(--mfn-button-shop-box-shadow);

      &.loading::after {
        border-color: var(--mfn-button-shop-color);
      }
    }

    button.alt.loading:after,
    input[type="button"].alt.loading:after,
    input[type="reset"].alt.loading:after,
    input[type="submit"].alt.loading:after,
    .button.alt.loading:after,
    .widget-area .widget a.button.alt.loading:after,
    .added_to_cart.loading:after,
    .widget a.button.checkout.loading:after,
    .wc-block-components-button:not(.is-link).loading:after {
      border-color: var(--mfn-button-shop-color);
    }

    button.alt:hover,
    input[type="button"].alt:hover,
    input[type="reset"].alt:hover,
    input[type="submit"].alt:hover,
    .button.alt:hover,
    .widget-area .widget a.button.alt:hover,
    .added_to_cart:hover,
    .widget a.button.checkout:hover,
    .wc-block-components-button:not(.is-link):hover,
    .wc-block-components-button:not(.is-link):focus,
    .wc-block-components-button:not(.is-link):active {
      background-color: var(--mfn-button-shop-bg-hover);
      border-color: var(--mfn-button-shop-border-color-hover);
      color: var(--mfn-button-shop-color-hover);
    }

    button.alt.loading:after:hover,
    input[type="button"].alt.loading:after:hover,
    input[type="reset"].alt.loading:after:hover,
    input[type="submit"].alt.loading:after:hover,
    .button.alt.loading:after:hover,
    .widget-area .widget a.button.alt.loading:after:hover,
    .added_to_cart.loading:after:hover,
    .widget a.button.checkout.loading:after:hover,
    .wc-block-components-button:not(.is-link).loading:after:hover,
    .wc-block-components-button:not(.is-link).loading:after:focus,
    .wc-block-components-button:not(.is-link).loading:after:active {
      border-color: var(--mfn-button-shop-color-hover);
    }

    .button-animation-slide .button.alt:hover,
    .button-animation-slide .widget-area .widget a.button.alt:hover,
    .button-animation-slide .added_to_cart:hover,
    .button-animation-slide .widget a.button.checkout:hover,
    .button-animation-slide .wc-block-components-button:not(.is-link):hover {
      background-color: var(--mfn-button-shop-bg);
    }

    .button-animation-slide .button.alt:before,
    .button-animation-slide .widget-area .widget a.button.alt:before,
    .button-animation-slide .added_to_cart:before,
    .button-animation-slide .widget a.button.checkout:before,
    .button-animation-slide .wc-block-components-button:not(.is-link):before {
      background-color: var(--mfn-button-shop-bg-hover);
    }

    /* Action ----------------------------------*/



    /* end: Button ------------------------------------------ */
    /* Slick Slider */

    .slick-slider {
      position: relative;
      display: block;
      box-sizing: border-box;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-touch-callout: none;
      -khtml-user-select: none;
      -ms-touch-action: pan-y;
      touch-action: pan-y;
      -webkit-tap-highlight-color: transparent
    }

    .slick-list {
      position: relative;
      display: block;
      overflow: hidden;
      margin: 0;
      padding: 0
    }

    .slick-list:focus {
      outline: none
    }

    .slick-list.dragging {
      cursor: pointer;
      cursor: hand
    }

    .slick-slider .slick-track,
    .slick-slider .slick-list {
      -webkit-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      -o-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0)
    }

    .slick-track {
      position: relative;
      top: 0;
      left: 0;
      display: block
    }

    .slick-track:before,
    .slick-track:after {
      display: table;
      content: ''
    }

    .slick-track:after {
      clear: both
    }

    .slick-loading .slick-track {
      visibility: hidden
    }

    .slick-slide {
      display: none;
      float: left;
      height: 100%;
      min-height: 1px;
      outline: none
    }

    [dir='rtl'] .slick-slide {
      float: right !important
    }

    .slick-slide img {
      display: block;
      margin-left: auto;
      margin-right: auto;
    }

    .slick-slide.slick-loading img {
      display: none
    }

    .slick-slide.dragging img {
      pointer-events: none
    }

    .slick-initialized .slick-slide {
      display: block
    }

    .slick-loading .slick-slide {
      visibility: hidden
    }

    .slick-vertical .slick-slide {
      display: block;
      height: auto;
      border: 1px solid transparent
    }

    .slick-arrow {
      line-height: 20px;
      margin-bottom: 0 !important;
      height: max(40px, 3.59vw);
      width: max(40px, 3.59vw);
      position: absolute;
      z-index: 2;
      top: 50%;
      transform: translateY(-50%);
      cursor: pointer;
    }

    .slick-arrow.slick-hidden {
      display: none
    }

    .slider_pager .slick-dots {
      margin: 0
    }

    /* Slider Pro */

    #Content_home .slider-pro img.sp-image {
      max-width: none
    }

    /* Visual Composer | Frontend Editor */

    .wpb_wrapper>div {
      margin-bottom: 35px
    }

    .wpb_wrapper.ui-sortable .vc_call_to_action {
      background: none;
      border: none;
      padding: 0
    }

    .wpb_wrapper .wpcf7-form {
      display: inline-block;
      width: 100%
    }

    /* Accessibility PBL */


    #skip-links-menu {
      position: absolute;
      z-index: 99;
      top: -200px;
    }

    #skip-links-menu ul {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
    }

    #skip-links-menu ul li {
      background: white;
      color: #006edf;
      margin: 20px 0px;
    }

    #skip-links-menu ul li a {
      background: white;
      color: #006edf;
      margin: 5px;
      padding: 15px 15px;
      font-weight: 500
    }

    /* #wpadminbar ~ div:nth-last-child(2){height:auto!important} */
    .layout-boxed {
      padding: 25px 0
    }

    .layout-boxed.boxed-no-margin {
      padding: 0
    }

    .layout-full-width {
      padding: 0
    }

    #Content_home {
      width: 100%;
      padding-top: 30px;
      z-index: 0;
      position: relative;
    }

    #Content_home.no-padding,
    .with_aside #Content_home {
      padding-top: 0
    }

    .with_aside .sections_group {
      padding-top: 30px
    }

    .section {
      position: relative;
      box-sizing: border-box;
    }

    .section_wrapper,
    .container {
      max-width: 1830px;
      height: 100%;
      margin: 0 auto;
      position: relative
    }

    .section.full-width>.section_wrapper {
      max-width: 100% !important;
      padding-left: 0 !important;
      padding-right: 0 !important
    }

    .full-screen {}

    .full-screen .section_wrapper {
      min-height: 100vh;
      align-content: center;
    }

    .section_wrapper:after,
    .container:after {
      clear: both;
      content: " ";
      display: block;
      height: 0;
      visibility: hidden;
      width: 100%;
    }

    .section.full-width-deprecated>.one.column .mcb-column-inner,
    .section.full-width-deprecated>.section_wrapper>.one.column .mcb-column-inner,
    .section.full-width-deprecated .one.wrap .one.column .mcb-column-inner {
      width: 100%;
      margin: 0
    }

    .mcb-wrap {
      float: left;
      position: relative;
      z-index: 1;
      box-sizing: border-box
    }

    .mcb-wrap.divider {
      width: 100%;
      height: 0 !important
    }

    .mcb-wrap.move-up {
      z-index: 28
    }

    .column,
    .columns {
      float: left;
      margin: 0;
    }

    .sidebar,
    .widget-area {
      box-sizing: border-box
    }

    /* Background fix */
    .section,
    .mcb-wrap,
    .mcb-column {
      background-position: left top;
      background-repeat: no-repeat;
    }

    /* Sizes */

    /* .mcb-wrap */
    .one-sixth.mcb-wrap {
      width: 16.666%;
    }

    /* 1/6 */
    .one-fifth.mcb-wrap {
      width: 20%;
    }

    /* 1/5 */
    .one-fourth.mcb-wrap {
      width: 25%;
    }

    /* 1/4 */
    .one-third.mcb-wrap {
      width: 33.333%;
    }

    /* 1/3 */
    .two-fifth.mcb-wrap {
      width: 40%;
    }

    /* 2/5 */

    .one-second.mcb-wrap {
      width: 50%;
    }

    /* 1/2 */
    .three-fifth.mcb-wrap {
      width: 60%;
    }

    /* 3/5 */
    .two-third.mcb-wrap {
      width: 66.666%;
    }

    /* 2/3 */
    .three-fourth.mcb-wrap {
      width: 75%;
    }

    /* 3/4 */
    .four-fifth.mcb-wrap {
      width: 80%;
    }

    /* 4/5 */
    .five-sixth.mcb-wrap {
      width: 83.333%;
    }

    /* 5/6 */
    .one.mcb-wrap {
      width: 100%;
    }

    /* 1/1 */

    /* .column */
    .one-sixth.column {
      width: 16.666%;
    }

    /* 1/6 */
    .one-fifth.column {
      width: 20%;
    }

    /* 1/5 */
    .one-fourth.column,
    .four.columns {
      width: 25%;
    }

    /* 1/4 */
    .one-third.column {
      width: 33.333%;
    }

    /* 1/3 */
    .two-fifth.column {
      width: 40%;
    }

    /* 2/5 */

    .one-second.column {
      width: 50%;
    }

    /* 1/2 */
    .three-fifth.column {
      width: 60%;
    }

    /* 3/5 */
    .two-third.column {
      width: 66.666%;
    }

    /* 2/3 */
    .three-fourth.column {
      width: 75%;
    }

    /* 3/4 */
    .four-fifth.column {
      width: 80%;
    }

    /* 4/5 */
    .five-sixth.column {
      width: 83.333%;
    }

    /* 5/6 */
    .one.column {
      width: 100%;
    }

    /* 1/1 */

    .mcb-column {
      position: relative;
    }

    .mcb-column-inner {
      position: relative;
      margin-top: var(--mfn-column-gap-top);
      margin-bottom: var(--mfn-column-gap-bottom);
      margin-left: var(--mfn-column-gap-left);
      margin-right: var(--mfn-column-gap-right);
    }

    .mcb-column-absolute .mcb-column-inner {
      width: 100%;
      z-index: 1;
      margin-top: 0;
      margin-bottom: 0;
      margin-right: 0;
      margin-left: 0;
    }

    .column_trailer_box .mcb-column-inner {
      overflow: hidden;
    }

    .mfn-column-absolute .mcb-column-inner {
      margin-top: 0;
      margin-bottom: 0;
      margin-right: 0;
      margin-left: 0;
    }

    .mfn-item-inline.column {
      width: auto !important;
      flex: 0 0 auto !important;
      max-width: 100%;
    }

    .mcb-column.column_spacer .mcb-column-inner {
      margin-bottom: 0;
    }

    /* Equal height */
    .equal-height .mcb-wrap .mcb-wrap-inner {
      align-items: stretch;
    }

    /* Columns */
    .equal-height .mcb-wrap .mcb-column-inner {
      height: calc(100% - var(--mfn-column-gap-bottom));
    }

    .equal-height.no-margin-v .mcb-wrap .mcb-column-inner,
    .equal-height .column-margin-0px .mcb-column-inner {
      height: 100%;
    }

    /* Wraps */

    /* .Sidebar | .with_aside */
    .with_aside .content_wrapper {
      max-width: 1860px;
      margin: 0 auto
    }

    .with_aside .sections_group {
      width: 75%;
      float: left
    }

    .with_aside #Content_home .section_wrapper {
      max-width: 98%;
      max-width: calc(100% - 20px)
    }

    .with_aside .four.columns {
      float: right;
      margin: 0
    }

    .aside_left .sections_group {
      float: right
    }

    .aside_left .four.columns {
      float: left
    }

    /* Sidebar - Both | .aside_both */
    .aside_both .sections_group {
      width: 60%;
      margin-left: 20%
    }

    .aside_both .sidebar.columns {
      width: 18%
    }

    .aside_both .sidebar-1 {
      float: left !important;
      margin-left: -79%
    }

    /* Column */

    /* Column | Margin - Horizontal */
    .no-margin-h .column .mcb-column-inner {
      margin-left: 0;
      margin-right: 0;
    }

    /* Column | Margin - Bottom */

    /* set in section options */
    .column.column_divider .mcb-item-divider-inner {
      margin-bottom: 0 !important;
      height: auto !important
    }

    .column-margin-0px .mcb-column-inner {
      margin-bottom: 0 !important;
    }

    .column-margin-10px .mcb-column-inner {
      margin-bottom: 10px !important;
    }

    .column-margin-20px .mcb-column-inner {
      margin-bottom: 20px !important;
    }

    .column-margin-30px .mcb-column-inner {
      margin-bottom: 30px !important;
    }

    .column-margin-40px .mcb-column-inner {
      margin-bottom: 40px !important;
    }

    .column-margin-50px .mcb-column-inner {
      margin-bottom: 50px !important;
    }

    /* set in item options */
    .column-margin-0px.mcb-column-inner {
      margin-bottom: 0 !important;
    }

    .column-margin-10px.mcb-column-inner {
      margin-bottom: 10px !important;
    }

    .column-margin-20px.mcb-column-inner {
      margin-bottom: 20px !important;
    }

    .column-margin-30px.mcb-column-inner {
      margin-bottom: 30px !important;
    }

    .column-margin-40px.mcb-column-inner {
      margin-bottom: 40px !important;
    }

    .column-margin-50px.mcb-column-inner {
      margin-bottom: 50px !important;
    }

    /* Column | Equal Height */

    .equal-height .column .column_attr {
      height: 100%;
      box-sizing: border-box
    }

    /* Column | Align */

    .column_attr.align_left {
      text-align: left
    }

    .column_attr.align_right {
      text-align: right
    }

    .column_attr.align_center {
      text-align: center
    }

    .column_attr.align_justify {
      text-align: justify
    }

    /* Clearing */

    .container:after {
      content: "\0020";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden
    }

    .clearfix:before,
    .clearfix:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0
    }

    .clearfix:after {
      clear: both
    }

    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0
    }

    /* Global */

    .mfn-main-slider {
      position: relative;
      z-index: 0
    }

    /* HB2: when wrap is move up its below slider */
    .rev_slider iframe {
      max-width: 1830px
    }

    .rev_slider ul {
      margin: 0 !important
    }

    .tp-static-layers {
      z-index: 200
    }

    .mfn-layer-slider {
      position: relative;
      z-index: 1
    }

    /* HB2: slider overlapping header submenu */
    .mfn-layer-slider .ls-yourlogo {
      z-index: 1
    }

    /* Section */

    .section[data-parallax="3d"] {
      overflow: hidden
    }

    .section .mfn-parallax {
      position: absolute;
      left: 0;
      top: 0;
      max-width: none !important;
      transition: opacity .2s;
    }

    .wrap[data-parallax="3d"] {
      overflow: hidden;
      position: relative
    }

    .wrap[data-parallax="3d"]>.mcb-wrap-inner,
    .wrap[data-parallax="3d"]>.column {
      position: relative
    }

    .wrap[data-parallax="3d"]>.mcb-wrap-inner {
      background: unset !important
    }

    .section>.mcb-background-overlay {
      width: 100%;
      height: 100%;
      position: absolute;
      z-index: 1;
      top: 0;
      left: 0;
    }

    .wrap>.mcb-wrap-inner>.mcb-wrap-background-overlay {
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      border-radius: inherit;
    }

    .bgWhite {
      background-color: #fff;
    }

    .section.center {
      text-align: center
    }

    .section.no-margin .column .mcb-column-inner,
    .section.no-margin-v .column .mcb-column-inner {
      margin-bottom: 0
    }

    /* Section | Highlight */

    .highlight-left,
    .highlight-right {
      position: relative
    }

    .highlight-left:after,
    .highlight-right:after {
      content: "";
      position: absolute;
      width: 50%;
      height: 100%;
      top: 0;
      z-index: 1
    }

    .highlight-left:after {
      left: 0
    }

    .highlight-right:after {
      right: 0
    }

    .highlight-left .section_wrapper,
    .highlight-right .section_wrapper {
      z-index: 2
    }

    @media only screen and (max-width: 767px) {

      .highlight-left:after,
      .highlight-right:after {
        content: none
      }
      .transition-section.about .background-transition {
        width: 100% !important;
      }
    }

    /* Transparent */

    .tr-content #Content_home {
      background: none
    }

    /* No Shadow */
    .no-shadows input[type="date"],
    .no-shadows input[type="email"],
    .no-shadows input[type="number"],
    .no-shadows input[type="password"],
    .no-shadows input[type="search"],
    .no-shadows input[type="tel"],
    .no-shadows input[type="text"],
    .no-shadows input[type="url"],
    .no-shadows select,
    .no-shadows textarea,
    .no-shadows .woocommerce .quantity input.qty,
    .no-shadows table th,
    .no-shadows table tr:first-child td,
    .no-shadows .accordion .question>div {
      box-shadow: 0 0 0 transparent;
      -webkit-box-shadow: 0 0 0 transparent
    }

    .no-shadows #Subheader:after {
      display: none
    }

    /* Blank & Under Construction */

    .page.hide-title-area #Content_home,
    .no-content-padding #Content_home,
    .template-blank #Content_home {
      padding: 0 !important
    }

    .with_aside.page.hide-title-area .sections_group,
    .with_aside.no-content-padding .sections_group {
      padding: 0 !important
    }

    /* Slider | Pagination */

    .slider_pagination {
      text-align: center;
      line-height: 0
    }

    .slider_pagination a {
      display: inline-block;
      width: 12px;
      height: 12px;
      text-indent: -9999px;
      margin: 4px 8px;
      background: rgba(0, 0, 0, .15);
      -webkit-border-radius: 100%;
      border-radius: 100%;
      position: relative;
      cursor: pointer
    }

    .slider_pagination a:hover {
      background: rgba(0, 0, 0, .25)
    }

    .slider_pagination a.selected,
    .slider_pagination .slick-active a {
      width: 10px;
      height: 8px;
      margin: 0 10px;
      position: relative;
      top: 4px;
      background: rgba(0, 0, 0, .15);
      -webkit-border-radius: 2px;
      border-radius: 2px
    }

    .slider_pagination a.selected:after,
    .slider_pagination .slick-active a:after {
      content: "";
      display: block;
      width: 8px;
      height: 8px;
      -webkit-border-radius: 1px;
      border-radius: 1px;
      position: absolute;
      left: 1px;
      top: -3px;
      background: #D6D6D6;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg)
    }

    /* Slider Revolution */

    .mfn-rev-slider input {
      display: inline-block
    }

    .rs-p-wp-fix {
      margin-bottom: 0
    }

    /* Off canvas sidebar ------ */
    .mfn-off-canvas-sidebar {
      position: fixed;
      top: 0;
      left: -320px;
      display: flex;
      flex-direction: column;
      width: 320px;
      max-width: 100%;
      height: 100%;
      z-index: 100000;
      transition: 0.3s;
      box-sizing: border-box;
    }

    .mfn-off-canvas-sidebar .mfn-off-canvas-switcher {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 60px;
      width: 30px;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: 100%;
      background-color: #fff;
      box-shadow: 0px 5px 15px 0px rgba(8, 8, 14, 0.13);
      cursor: pointer;
      border-radius: 0 4px 4px 0;
    }

    .mfn-off-canvas-sidebar .mfn-off-canvas-switcher svg {
      width: 22px;
    }

    .mfn-off-canvas-sidebar .mfn-off-canvas-switcher svg .path {
      stroke: #333;
    }

    .mfn-off-canvas-sidebar .mfn-off-canvas-switcher i {
      font-size: 16px;
      color: #333;
    }

    .mfn-off-canvas-sidebar .mfn-off-canvas-content-wrapper {
      position: relative;
      overflow: hidden;
      height: 100%;
      background-color: #fff;
    }

    .mfn-off-canvas-sidebar .mfn-off-canvas-content-wrapper .mfn-off-canvas-content {
      height: 100%;
      overflow-x: hidden;
      overflow-y: auto;
      padding: 20px;
    }

    .mfn-off-canvas-sidebar .widget:first-child {
      margin-top: 0;
    }

    .mfn-off-canvas-sidebar .widget:last-child {
      margin-bottom: 0;
    }

    .mfn-off-canvas-sidebar .widget:after {
      display: none;
    }

    .mfn-off-canvas-overlay {
      display: none;
    }

    .mfn-ofcs-opened {
      overflow: hidden;
      padding-right: 15px;
    }

    /* <html> class */
    .mfn-ofcs-opened .mfn-off-canvas-overlay {
      display: block;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.7);
      position: fixed;
      top: 0;
      left: 0;
      z-index: 1000;
    }

    .mfn-ofcs-opened .mfn-off-canvas-sidebar {
      left: 0
    }

    /* Load more button */

    .mfn-infinite-load-button {
      clear: both;
      height: 75px
    }

    .mfn-infinite-load-button .pager_load_more {
      visibility: hidden
    }

    /* Pager single | blog post */

    /* elementor fix */
    .column_post_content .mcb-item-post_content-inner .elementor-section {
      max-width: 100%;
      left: 0 !important;
    }

    .page-pager .mcb-column-inner,
    .post-pager .mcb-column-inner {
      margin-bottom: 0 !important;
    }

    .pager-single {
      text-align: center;
      background: rgba(0, 0, 0, 0.02);
      margin-top: 15px;
      margin-bottom: 40px
    }

    .pager-single span {
      height: 45px;
      line-height: 45px;
      display: inline-block;
      padding: 0 9px;
      position: relative;
      font-weight: 700
    }

    .pager-single a span {
      font-weight: 400
    }

    .pager-single span:after {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      bottom: -1px;
      width: 100%;
      height: 1px
    }

    .pager-single a span:after {
      display: none
    }

    /* Live Search */

    .mfn_live_search_categories {
      display: none
    }

    .has-live-search-element {
      z-index: 2
    }

    .has-live-search-element~.mcb-section {
      z-index: 1
    }

    .column_livesearch {
      position: relative;
      z-index: 3
    }

    .mfn-live-search-box {
      min-height: 0px;
      padding: 15px;
      overflow-y: auto;
      z-index: 2;
      clear: both;
      text-align: center;
      box-sizing: border-box;
      transition: height 0.3s ease-in-out;
      border-top: 1px solid rgba(0, 0, 0, .08);
    }

    .column_livesearch .mfn-live-search-box {
      position: absolute;
      left: 0;
      top: 100%;
      width: 100%;
    }

    .mfn-live-search-box a.button {
      width: 100%;
      margin-top: 20px;
      box-sizing: border-box;
    }

    .mfn-live-search-box a.button.hidden {
      display: none
    }

    .mfn-live-search-box .mfn-live-search-list {
      list-style: none;
      margin: 0;
      text-align: left;
      overflow: auto
    }

    .mfn-live-search-box .mfn-live-search-list>* {
      display: none
    }

    .mfn-live-search-box .mfn-live-search-list ul {
      list-style: none;
      margin: 0
    }

    .mfn-live-search-box .mfn-live-search-list ul li {
      margin-bottom: 0
    }

    .mfn-live-search-box .mfn-live-search-list ul li[data-category="info"] {
      padding: 10px 20px;
      opacity: .6;
    }

    .mfn-live-search-box .mfn-live-search-list ul li:not([data-category="info"]) {
      display: flex;
      justify-content: flex-start;
      text-align: left;
      align-items: center;
      border-bottom: 1px solid rgba(0, 0, 0, 0.08);
      padding: 15px 20px;
      transition: all .2s ease-in-out
    }

    .mfn-live-search-box .mfn-live-search-list ul li:not([data-category="info"]):last-child {
      border-bottom: 0;
    }

    .mfn-live-search-box .mfn-live-search-list ul li:not([data-category="info"]):hover {
      background: rgba(0, 0, 0, 0.02);
      cursor: pointer
    }

    .mfn-live-search-box .mfn-live-search-list ul li img {
      margin-right: 20px;
      height: 100%;
      max-height: 50px
    }

    .mfn-live-search-box .mfn-live-search-list .mfn-live-search-texts {
      flex: 1;
      min-width: 0;
    }

    .mfn-live-search-box .mfn-live-search-list .mfn-live-search-texts p {
      margin: 0;
      font-size: 14px;
      line-height: 1.6;
      white-space: normal;
    }

    .mfn-live-search-box .mfn-live-search-list .mfn-live-search-texts>span {
      float: right;
      font-size: 14px;
    }

    .mfn-live-search-box .mfn-live-search-list .mfn-live-search-texts>span del {
      opacity: .6;
      font-size: 90%
    }

    .mfn-live-search-box .mfn-live-search-noresults {
      display: none
    }

    /* Live search item */

    .column_livesearch .search_wrapper .mfn-live-search-box {
      display: none
    }

    .column_livesearch .search_wrapper .mfn-live-search-list>li {
      display: none
    }

    .column_livesearch .mfn-live-search-wrapper,
    .column_livesearch .mfn-live-search-box {
      background-color: #fff;
      box-shadow: 0px 10px 46px 0px rgba(1, 7, 39, .1);
      border-radius: 4px;
    }

    .content-brightness-dark .column_livesearch .mfn-live-search-wrapper input[type="text"] {
      color: rgba(255, 255, 255, .8);
    }

    .content-brightness-dark .column_livesearch .mfn-live-search-wrapper .icon_search .path {
      stroke: rgba(255, 255, 255, .8);
    }

    .content-brightness-dark .mfn-live-search-box {
      border-top: 1px solid rgba(255, 255, 255, .08);
    }

    .content-brightness-dark .mfn-live-search-box .mfn-live-search-list ul li:not([data-category="info"]) {
      border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    }

    .content-brightness-dark .mfn-live-search-box .mfn-live-search-list ul li:not([data-category="info"]):hover {
      background: rgba(255, 255, 255, 0.02);
    }

    .mfn-language-switcher-dropdown .wpml-ls-legacy-list-horizontal {
      border: none;
      padding: 0;
    }

    .mfn-language-switcher-dropdown .wpml-ls ul {
      display: flex;
      flex-wrap: wrap;
    }

    .mfn-language-switcher-dropdown .wpml-ls ul li {
      display: none;
      order: 2;
      float: none;
      width: 100%;
    }

    .mfn-language-switcher-dropdown .wpml-ls ul li a {
      display: flex;
      align-items: center;
    }

    .mfn-language-switcher-dropdown .wpml-ls ul li a img {
      height: auto;
    }

    .mfn-language-switcher-dropdown .wpml-ls ul li a img.wpml-ls-flag {
      width: 18px;
    }

    .mfn-language-switcher-dropdown .wpml-ls ul li a,
    .mfn-language-switcher-dropdown .wpml-ls ul li a:hover {
      text-decoration: none;
    }

    .mfn-language-switcher-dropdown .wpml-ls ul li.wpml-ls-current-language {
      display: flex;
      order: 1;
      position: relative;
    }

    .mfn-language-switcher-dropdown .wpml-ls ul li ul {
      display: none;
      box-sizing: border-box;
    }

    .mfn-language-switcher-dropdown .wpml-ls ul li:hover ul,
    .mfn-language-switcher-dropdown .wpml-ls ul li.hover ul {
      display: block;
      position: absolute;
      top: 100%;
      left: 0;
      z-index: 4;
      background-color: #fff;
    }

    .mfn-language-switcher-dropdown .wpml-ls ul li ul li {
      display: flex;
    }

    .mfn-language-switcher-dropdown.mfn-language-switcher-dropdown-icon ul li.wpml-ls-current-language>a span.mfn-arrow-icon {
      content: "";
      margin-left: 5px;
      line-height: 1em;
      font-size: var(--mfn-wpml-arrow-size);
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .mfn-language-switcher-dropdown.mfn-language-switcher-dropdown-icon ul li a span.mfn-arrow-icon img {
      width: var(--mfn-wpml-arrow-size);
    }

    /* Header styles --------------------------------------------------------------------- */
    .tr-menu .top_bar_left {
      background-color: transparent !important
    }

    .tr-menu .top_bar_right,
    .tr-menu .top_bar_right:before {
      background: none !important
    }

    .header-empty #Subheader {
      display: none
    }

    .header-empty #Content_home {
      padding: 0 !important
    }

    .header-overlay .top_bar_right {
      display: none
    }

    .header-overlay .overlay-menu-toggle {
      position: absolute;
      right: 40px;
      top: 40px;
      height: 45px;
      width: 45px;
      line-height: 45px;
      text-align: center;
      font-size: 29px;
      z-index: 9911
    }

    .header-overlay .overlay-menu-toggle.focus {
      color: #fff;
      -webkit-transition: all .3s;
      -moz-transition: all .3s;
      transition: all .3s
    }

    .header-overlay .overlay-menu-toggle .close {
      display: none
    }

    .header-overlay .overlay-menu-toggle.focus .open {
      display: none
    }

    .header-overlay .overlay-menu-toggle.focus .close {
      display: block
    }

    .header-overlay.sticky-header .overlay-menu-toggle {
      position: fixed;
      margin-right: 10px
    }

    /* Overlay | Menu Overlay */
    #Overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 9910;
      background: rgba(41, 145, 214, .95);
      display: none
    }

    #overlay-menu {
      position: absolute;
      width: 700px;
      left: 50%;
      margin-left: -350px;
      top: 50%;
      margin-top: -150px
    }

    #overlay-menu .menu.menu-mobile {
      display: none
    }

    #overlay-menu ul li {
      text-align: center
    }

    #overlay-menu ul li a {
      color: #fff;
      font-size: 34px;
      line-height: 52px;
      letter-spacing: 3px;
      text-decoration: none
    }

    #overlay-menu ul li a:hover {
      opacity: .8
    }



































    /* list ul ol li */

    ul {
      list-style: none outside
    }

    ol {
      list-style: decimal
    }




























    /* Variables ---------- */
    /* #2991d6 - theme color, link, #2275ac - link hover, strong */

    /* Selections */

    ::-moz-selection {
      color: #fff
    }

    ::selection {
      color: #fff
    }







    /* Inputs */

    input[type="date"],
    input[type="email"],
    input[type="number"],
    input[type="password"],
    input[type="search"],
    input[type="tel"],
    input[type="text"],
    input[type="url"],
    select,
    textarea,
    .woocommerce .quantity input.qty {
      background-color: #fff;
      color: #626262;
      box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0.02)
    }

    input[type="date"]:focus,
    input[type="email"]:focus,
    input[type="number"]:focus,
    input[type="password"]:focus,
    input[type="search"]:focus,
    input[type="tel"]:focus,
    input[type="text"]:focus,
    input[type="url"]:focus,
    select:focus,
    textarea:focus {
      background-color: #E9F5FC;
      border-color: #d5e5ee;
      color: #1982C2
    }

    select {
      padding-right: 25px;
      background: #fff url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E') no-repeat right 5px top 55%
    }

    select[multiple] {
      background-image: none
    }

    /* Dividers */

    hr {
      background-color: rgba(0, 0, 0, .08);
      color: rgba(0, 0, 0, .08)
    }

    /* Borders */
    #Sliding-top .widget_recent_entries ul li a,
    #Sliding-top .widget_best_sellers li,
    #Sliding-top .widget_featured_products li,
    #Sliding-top .widget_recent_reviews li,
    #Sliding-top .widget_recent_products li,
    #Sliding-top .widget_recently_viewed_products li,
    #Sliding-top .widget_random_products li,
    #Sliding-top .widget_top_rated_products li,
    #Sliding-top .widget_onsale li,
    #Sliding-top .widget_layered_nav li,
    #Sliding-top .widget_shopping_cart ul.product_list_widget li,
    #Sliding-top .widget_products li,
    #Sliding-top .widget_archive ul li:after,
    #Sliding-top .widget_nav_menu ul li:after,
    #Sliding-top table th,
    #Sliding-top table td {
      border-color: rgba(255, 255, 255, .08)
    }

    /* Image frames & Google maps & Icon bar */

    .image_frame,
    .wp-caption,
    .google-map,
    .author-box .avatar-wrapper,
    .edd_download_image {
      border-color: #f8f8f8
    }

    .wp-caption-text {
      background: #f8f8f8;
      color: #A6A6A6
    }

    .image_frame .image_wrapper,
    .wp-caption img {
      border-color: #e2e2e2
    }

    .image_frame .image_wrapper .mask,
    .edd_download_image:after {
      box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, .07)
    }

    .image_frame .image_wrapper .mask:after {
      background: rgba(0, 0, 0, .15)
    }

    .no-shadows .image_frame .image_wrapper .mask,
    .no-shadows .edd_download_image:after {
      box-shadow: unset
    }

    /* Image frame overlay */

    .if-overlay .image_frame .image_wrapper .mask {
      box-shadow: inset 0 0 0 0 rgba(0, 0, 0, .0)
    }

    /* Sliding box */

    .sliding_box .desc_wrapper .title {
      color: #fff
    }

    /* Counter & Chart */

    .counter .desc_wrapper .number-wrapper,
    .chart_box .chart .num,
    .chart_box .chart .icon {
      color: #444
    }

    /* Icon bar */

    a.icon_bar,
    .dark a.icon_bar {
      color: #444;
    }

    /* Get in touch & Infobox */

    .get_in_touch,
    .get_in_touch a,
    .get_in_touch a:hover,
    .get_in_touch .title,
    .get_in_touch ul,
    .column_column .get_in_touch ul,
    .infobox,
    .infobox a,
    .infobox h3,
    .infobox ul {
      color: #fff;
    }

    /* How it works */

    .how_it_works .image_wrapper .number {
      color: #fff
    }

    /* Trailer box */

    .trailer_box .desc h2 {
      color: #fff
    }

    .trailer_box .desc .subtitle {
      color: #fff
    }




    /* FLEX || NEW BUILDER */
    .section_wrapper {
      display: flex;
      align-items: flex-start;
      flex-wrap: wrap;
    }

    .full-width .mfn-parallax~.section_wrapper {
      width: 100%;
    }

    .mcb-wrap {
      display: flex;
      align-items: flex-start;
    }

    .mcb-wrap-inner {
      display: flex;
      align-content: flex-start;
      align-items: flex-start;
      flex-wrap: wrap;
      position: relative;
      width: 100%;
      align-self: stretch;
    }

    /* Align self fix for height 100% */
    .column_column {
      display: flex;
    }

    /* Fix for align-items: stretch in wrap */
    .mcb-item-column-inner {
      width: 100%;
      word-break: break-word;
    }

    /* Fix for column_column flex width */
    /* / FLEX || NEW BUILDER */


    /* --------------------------------------------------------------------------------------------------------------- */
    /* --------------------------------------------- Header builder -------------------------------------------------- */
    /* --------------------------------------------------------------------------------------------------------------- */

    .mfn-temporary-hidden {
      display: none !important;
    }

    /* Variables */
    .mfn-header-tmpl {
      --mfn-column-gap-left: 5px;
      --mfn-column-gap-right: 5px;
      --mfn-column-gap-bottom: 0;
      --mfn-header-menu-gap: 0px;
      --mfn-header-menu-icon-gap: 5px;
      --mfn-header-menu-submenu-icon-gap: 10px;
      --mfn-header-menu-sep: rgba(1, 7, 39, .15);
      --mfn-header-menu-animation-height: 3px;
      --mfn-header-menu-icon-size: 25px;
      --mfn-header-submenu-icon-size: 13px;
      --mfn-header-menu-animation-color: #0089f7;
      --mfn-header-menu-sidebar-width: 350px;
      --mfn-header-search-icon-color: #333;
      --mfn-header-icon-color: #333;
      --mfn-header-submenu-border-radius-top: 4px;
      --mfn-header-submenu-border-radius-right: 4px;
      --mfn-header-submenu-border-radius-bottom: 4px;
      --mfn-header-submenu-border-radius-left: 4px;
      --mfn-header-submenu-dropdown-size: 8px;
      --mfn-header-submenu-dropdown-offset: 0px;
      --mfn-header-submenu-dropdown-color: #fff;
    }


    .mfn-header-tmpl {
      width: 100%;
      position: relative;
      z-index: 3;
    }

    .mfn-header-tmpl-fixed {
      position: fixed;
      top: 0;
      left: 0;
    }

    .mfn-header-tmpl-absolute {
      position: absolute;
      left: 0;
      top: 0;
    }

    .mfn-header-tmpl.mfn-hasSticky .mfn-header-sticky-section {
      display: none;
    }

    .mfn-header-scrolled .mfn-header-tmpl.mfn-hasSticky .mfn-header-tmpl-builder>.mfn-default-section {
      display: none;
    }

    .mfn-header-scrolled .mfn-header-tmpl.mfn-hasSticky .mfn-header-sticky-section {
      display: block;
    }

    .mfn-header-tmpl .mfn-header-mobile-section {
      display: none;
    }

    @media (min-width: 768px) {
      .mfn-header-scrolled .mfn-header-tmpl.mfn-hasSticky {
        position: fixed;
        top: 0;
        left: 0
      }

      .mfn-header-scrolled .mfn-header-tmpl.mfn-hasSticky {
        animation-name: mfnShowSticky;
        animation-duration: 0.5s;
      }

      html.mfn-disable-css-animations .mfn-header-scrolled .mfn-header-tmpl.mfn-hasSticky {
        animation-duration: 0s;
      }
    }

    @media only screen and (max-width: 767px) {

      .mfn-header-scrolled .mfn-header-tmpl.mfn-hasSticky:not(.mfn-hasMobile) {
        position: fixed;
        top: 0;
        animation-name: mfnShowSticky;
        animation-duration: 0.5s;
      }

      .mfn-mobile-header-tmpl-fixed {
        position: fixed;
        top: 0;
        left: 0;
      }

      .mfn-mobile-header-tmpl-absolute {
        position: absolute;
        left: 0;
        top: 0;
      }

      .mfn-header-tmpl.mfn-hasMobile .mfn-default-section {
        display: none;
      }

      .mfn-header-tmpl.mfn-hasMobile .mfn-header-sticky-section {
        display: none;
      }

      .mfn-header-tmpl.mfn-hasMobile .mfn-header-mobile-section {
        display: block;
      }

      .mfn-header-tmpl.mfn-hasMobile .mfn-default-section,
      .mfn-header-tmpl.mfn-hasMobile .mfn-header-sticky-section {
        display: none;
      }

      .mfn-header-scrolled .mfn-header-tmpl.mfn-hasSticky.mfn-hasMobile .mfn-header-sticky-section {
        display: none;
      }

      /* Padding 33px left / right fix */
      .mfn-header-tmpl .section_wrapper {
        padding-left: 0 !important;
        padding-right: 0 !important;
      }

    }

    /* Animations */
    @keyframes mfnShowSticky {
      0% {
        top: -100%;
      }

      100% {
        top: 0;
      }
    }


    /* Dropdown below next section content fix */
    .mfn-header-tmpl .mfn-header-tmpl-builder>.mcb-section>.section_wrapper>.mcb-wrap:hover {
      z-index: 2;
    }


    /* Closeable section */
    .close-closeable-section {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      z-index: 1;
    }

    .close-button-left .close-closeable-section {
      left: 5px;
    }

    .close-button-right .close-closeable-section {
      right: 5px;
    }


    /* Overlay styles */
    .mfn-content-gray #Content_home,
    .mfn-content-gray .mfn-main-slider {
      -webkit-filter: grayscale(100%);
      filter: grayscale(100%);
      transition: .3s filter ease-in-out;
    }

    .mfn-content-blur #Content_home,
    .mfn-content-blur .mfn-main-slider {
      transition: .3s blur ease-in-out;
    }

    .mfn-header-overlay {
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 0;
      z-index: 2;
      opacity: 0;
      transition: .2s opacity ease-in-out;
    }

    .mfn-content-overlay .mfn-header-overlay,
    .mfn-content-blur .mfn-header-overlay {
      opacity: 1;
      height: 100%;
    }

    /* Bring to front */
    .mfn-bring-to-front {
      z-index: 4;
    }


    /****************************** Wraps mod ******************************/

    .mfn-header-tmpl .mcb-header-wrap {
      width: auto;
      max-width: 100%;
    }

    .mfn-header-tmpl .mcb-header-wrap>.mcb-wrap-inner {
      flex-wrap: nowrap;
    }

    .mfn-header-tmpl .mcb-header-section>.section_wrapper {
      flex-wrap: nowrap;
    }

    .mfn-header-tmpl .mcb-header-section>.section_wrapper:after {
      content: unset;
    }

    @media only screen and (min-width: 960px) and (max-width: 1440px) {

      .mfn-header-tmpl .laptop-one-sixth.mcb-header-wrap:not(.mfn-item-custom-width),
      .mfn-header-tmpl .laptop-one-fifth.mcb-header-wrap:not(.mfn-item-custom-width),
      .mfn-header-tmpl .laptop-one-fourth.mcb-header-wrap:not(.mfn-item-custom-width),
      .mfn-header-tmpl .laptop-one-third.mcb-header-wrap:not(.mfn-item-custom-width),
      .mfn-header-tmpl .laptop-two-fifth.mcb-header-wrap:not(.mfn-item-custom-width),
      .mfn-header-tmpl .laptop-one-second.mcb-header-wrap:not(.mfn-item-custom-width),
      .mfn-header-tmpl .laptop-three-fifth.mcb-header-wrap:not(.mfn-item-custom-width),
      .mfn-header-tmpl .laptop-two-third.mcb-header-wrap:not(.mfn-item-custom-width),
      .mfn-header-tmpl .laptop-three-fourth.mcb-header-wrap:not(.mfn-item-custom-width),
      .mfn-header-tmpl .laptop-four-fifth.mcb-header-wrap:not(.mfn-item-custom-width),
      .mfn-header-tmpl .laptop-five-sixth.mcb-header-wrap:not(.mfn-item-custom-width),
      .mfn-header-tmpl .laptop-one.mcb-header-wrap:not(.mfn-item-custom-width) {
        width: auto;
      }
    }

    @media only screen and (min-width: 768px) and (max-width: 959px) {

      .mfn-header-tmpl .tablet-one-sixth.mcb-header-wrap:not(.mfn-item-custom-width),
      .mfn-header-tmpl .tablet-one-fifth.mcb-header-wrap:not(.mfn-item-custom-width),
      .mfn-header-tmpl .tablet-one-fourth.mcb-header-wrap:not(.mfn-item-custom-width),
      .mfn-header-tmpl .tablet-one-third.mcb-header-wrap:not(.mfn-item-custom-width),
      .mfn-header-tmpl .tablet-two-fifth.mcb-header-wrap:not(.mfn-item-custom-width),
      .mfn-header-tmpl .tablet-one-second.mcb-header-wrap:not(.mfn-item-custom-width),
      .mfn-header-tmpl .tablet-three-fifth.mcb-header-wrap:not(.mfn-item-custom-width),
      .mfn-header-tmpl .tablet-two-third.mcb-header-wrap:not(.mfn-item-custom-width),
      .mfn-header-tmpl .tablet-three-fourth.mcb-header-wrap:not(.mfn-item-custom-width),
      .mfn-header-tmpl .tablet-four-fifth.mcb-header-wrap:not(.mfn-item-custom-width),
      .mfn-header-tmpl .tablet-five-sixth.mcb-header-wrap:not(.mfn-item-custom-width),
      .mfn-header-tmpl .tablet-one.mcb-header-wrap:not(.mfn-item-custom-width) {
        width: auto;
      }
    }

    @media only screen and (max-width: 767px) {

      .mfn-header-tmpl .mobile-one-sixth.mcb-header-wrap:not(.mfn-item-custom-width),
      .mfn-header-tmpl .mobile-one-fifth.mcb-header-wrap:not(.mfn-item-custom-width),
      .mfn-header-tmpl .mobile-one-fourth.mcb-header-wrap:not(.mfn-item-custom-width),
      .mfn-header-tmpl .mobile-one-third.mcb-header-wrap:not(.mfn-item-custom-width),
      .mfn-header-tmpl .mobile-two-fifth.mcb-header-wrap:not(.mfn-item-custom-width),
      .mfn-header-tmpl .mobile-one-second.mcb-header-wrap:not(.mfn-item-custom-width),
      .mfn-header-tmpl .mobile-three-fifth.mcb-header-wrap:not(.mfn-item-custom-width),
      .mfn-header-tmpl .mobile-two-third.mcb-header-wrap:not(.mfn-item-custom-width),
      .mfn-header-tmpl .mobile-three-fourth.mcb-header-wrap:not(.mfn-item-custom-width),
      .mfn-header-tmpl .mobile-four-fifth.mcb-header-wrap:not(.mfn-item-custom-width),
      .mfn-header-tmpl .mobile-five-sixth.mcb-header-wrap:not(.mfn-item-custom-width),
      .mfn-header-tmpl .mobile-one.mcb-header-wrap:not(.mfn-item-custom-width) {
        width: auto;
      }
    }


    /****************************** Items ******************************/

    /* Items flex */
    .mfn-item-inline.column_header_menu,
    .mfn-item-inline.column_header_promo_bar {
      flex-grow: 1 !important;
      flex-shrink: 1 !important;
      flex-basis: 0 !important;
    }

    /*********** Header: Column */
    .mfn-header-tmpl .column_column {
      flex-shrink: 1 !important;
    }

    .mfn-header-tmpl .column_column .column_attr>*:last-child {
      margin-bottom: 0;
    }

    /*********** Header: Logo */
    .column_header_logo .logo-wrapper {
      display: flex;
      align-items: center;
      width: 100%;
      height: 100%;
      line-height: 0;
    }

    .column_header_logo .logo-wrapper>* {
      width: 100%;
      height: auto;
    }

    /*********** Header: Promo Bar */

    .column_header_promo_bar .promo_bar_slider .pbs_one {
      display: none;
    }

    .column_header_promo_bar .promo_bar_slider:not(.mfn-initialized) .pbs_one:first-child,
    .column_header_promo_bar .promo_bar_slider .pbs_one.pbs-active {
      display: block;
      animation: mfnPBSFadeIn 0.3s cubic-bezier(0.2, 1, 0.3, 1);
      -webkit-animation: mfnPBSFadeIn 0.3s cubic-bezier(0.2, 1, 0.3, 1);
    }

    .column_header_promo_bar .promo_bar_slider .pbs_one.pbs-active.pbs-active-ends {
      animation: mfnPBSFadeOut 0.3s cubic-bezier(0.2, 1, 0.3, 1);
      -webkit-animation: mfnPBSFadeOut 0.3s cubic-bezier(0.2, 1, 0.3, 1);
    }

    @keyframes mfnPBSFadeIn {
      0% {
        opacity: 0;
        transform: scale(0.98);
      }

      100% {
        opacity: 1;
        transform: scale(1);
      }
    }

    @-webkit-keyframes mfnPBSFadeIn {
      0% {
        opacity: 0;
        transform: scale(0.98);
      }

      100% {
        opacity: 1;
        transform: scale(1);
      }
    }

    @keyframes mfnPBSFadeOut {
      0% {
        opacity: 1;
        transform: scale(1);
      }

      100% {
        opacity: 0;
        transform: scale(0.98);
      }
    }

    @-webkit-keyframes mfnPBSFadeOut {
      0% {
        opacity: 1;
        transform: scale(1);
      }

      100% {
        opacity: 0;
        transform: scale(0.98);
      }
    }

    /*********** Header: Search */
    .column_header_search .search_wrapper {
      position: relative;
    }

    .column_header_search .search_wrapper input[type="text"] {
      position: relative;
      margin: 0;
      padding-left: 40px;
      width: 100%;
      color: var(--mfn-header-search-color);
    }

    .column_header_search .search_wrapper input[type="text"]::placeholder {
      color: var(--mfn-header-search-color);
    }

    .column_header_search .search_wrapper .icon_search {
      position: absolute;
      left: 22px;
      top: 50%;
      z-index: 1;
      transform: translate(-50%, -50%);
    }

    .column_header_search .search_wrapper svg.icon_search {
      width: var(--mfn-header-search-icon-size);
    }

    .column_header_search .search_wrapper svg.icon_search .path {
      stroke: var(--mfn-header-search-icon-color);
    }

    .column_header_search .search_wrapper .icon_search i {
      font-size: var(--mfn-header-search-icon-size);
      color: var(--mfn-header-search-icon-color);
    }

    .column_header_search .search_wrapper .icon_close {
      display: none;
    }

    .top-bar-right-input .mfn-live-search-box,
    .mfn-header-tmpl .column_header_search .mfn-live-search-box {
      position: absolute;
      z-index: 202;
      right: 0;
      top: calc(100% + 10px);
      width: 100%;
      min-width: 400px;
      border-top: 0;
    }

    .mfn-header-tmpl .column_header_search .mfn-live-search-box {
      background-color: #fff;
      box-shadow: 0px 10px 46px 0px rgba(1, 7, 39, .1);
      border-radius: 4px;
    }


    /*********** Header: Menu */

    .mfn-header-menu {
      display: flex;
      align-items: stretch;
      flex-wrap: wrap;
      font-size: 15px;
      line-height: 1.5;
      font-weight: 500;
    }

    .mfn-header-menu,
    .mfn-header-menu .mfn-submenu {
      margin: 0;
      padding: 0;
      list-style: none;
    }

    .mfn-header-menu .mfn-menu-li {
      position: relative;
    }

    .mfn-header-menu .mfn-menu-li .mfn-menu-link {
      display: flex;
      text-decoration: none;
    }

    /* 1st level */
    .mfn-header-menu>.mfn-menu-li {
      display: inline-flex;
    }

    .mfn-header-menu>.mfn-menu-li>.mfn-menu-link {
      position: relative;
      align-items: center;
      justify-content: center;
      padding: 8px 20px;
      width: 100%;
      box-sizing: border-box;
    }

    .mfn-header-menu>.mfn-menu-li>.mfn-menu-link .menu-item-helper {
      display: flex;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      box-sizing: border-box;
    }

    /* 2nd & 3rd level */
    .mfn-header-menu .mfn-menu-li .mfn-submenu {
      display: none;
      position: absolute;
      width: 220px;
      border-radius: var(--mfn-header-submenu-border-radius-top) var(--mfn-header-submenu-border-radius-right) var(--mfn-header-submenu-border-radius-bottom) var(--mfn-header-submenu-border-radius-left);
    }

    .mfn-header-menu .mfn-menu-li .mfn-submenu .mfn-menu-link {
      align-items: center;
      padding: 10px 20px;
    }

    .mfn-header-menu .mfn-menu-li .mfn-submenu .mfn-menu-li:first-child .mfn-menu-link {
      border-radius: var(--mfn-header-submenu-border-radius-top) var(--mfn-header-submenu-border-radius-right) 0 0;
    }

    .mfn-header-menu .mfn-menu-li .mfn-submenu .mfn-menu-li:last-child .mfn-menu-link {
      border-bottom: 0;
      border-radius: 0 0 var(--mfn-header-submenu-border-radius-bottom) var(--mfn-header-submenu-border-radius-left);
    }

    .mfn-header-menu .mfn-menu-li .mfn-submenu .mfn-menu-link .menu-sub {
      margin-left: auto;
    }

    .mfn-menu-submenu-on-hover .mfn-menu-li:hover>.mfn-submenu,
    .mfn-menu-submenu-on-click .mfn-menu-li.mfn-li-hover>.mfn-submenu {
      display: block;
    }

    /* 2nd level */
    .mfn-header-menu>.mfn-menu-li .mfn-submenu {
      left: 0;
      top: 100%;
    }

    .mfn-header-menu.mfn-menu-fold-last-to-right>.mfn-menu-li:nth-last-of-type(-n+2) .mfn-submenu {
      left: auto;
      right: 0
    }

    /* 3rd level */
    .mfn-header-menu>.mfn-menu-li .mfn-submenu .mfn-menu-li .mfn-submenu {
      left: 100%;
      top: 0;
    }

    .mfn-header-menu.mfn-menu-fold-last-to-right>.mfn-menu-li:nth-last-of-type(-n+2) .mfn-submenu .mfn-menu-li .mfn-submenu {
      left: auto;
      right: 100%
    }

    /* Submenu type animation ------------------------------------*/
    .mfn-menu-submenu-show-fade-in.mfn-menu-submenu-on-hover .mfn-menu-li:hover>.mfn-submenu,
    .mfn-menu-submenu-show-fade-in.mfn-menu-submenu-on-click .mfn-menu-li.mfn-li-hover>.mfn-submenu,
    .mfn-menu-submenu-show-fade-in.mfn-menu-submenu-on-hover .mfn-menu-item-has-megamenu:hover .mfn-menu-item-megamenu,
    .mfn-menu-submenu-show-fade-in.mfn-menu-submenu-on-click .mfn-menu-item-has-megamenu.mfn-li-hover .mfn-menu-item-megamenu,
    .mfn-menu-submenu-show-fade-in.mfn-menu-submenu-on-hover .mfn-menu-li:hover>.mfn-dropdown-pointer,
    .mfn-menu-submenu-show-fade-in.mfn-menu-submenu-on-click .mfn-menu-li.mfn-li-hover>.mfn-dropdown-pointer,
    .mfn-menu-submenu-show-fade-in.mfn-menu-submenu-on-hover .mfn-menu-item-has-megamenu:hover .mfn-dropdown-pointer,
    .mfn-menu-submenu-show-fade-in.mfn-menu-submenu-on-click .mfn-menu-item-has-megamenu.mfn-li-hover .mfn-dropdown-pointer {
      animation: mfnSubmenuFadeIn 0.5s cubic-bezier(0.2, 1, 0.3, 1);
      -webkit-animation: mfnSubmenuFadeIn 0.5s cubic-bezier(0.2, 1, 0.3, 1);
    }

    @keyframes mfnSubmenuFadeIn {
      0% {
        opacity: 0;
      }

      100% {
        opacity: 1;
      }
    }

    @-webkit-keyframes mfnSubmenuFadeIn {
      0% {
        opacity: 0;
      }

      100% {
        opacity: 1;
      }
    }

    .mfn-menu-submenu-show-fade-up.mfn-menu-submenu-on-hover .mfn-menu-li:hover>.mfn-submenu,
    .mfn-menu-submenu-show-fade-up.mfn-menu-submenu-on-click .mfn-menu-li.mfn-li-hover>.mfn-submenu,
    .mfn-menu-submenu-show-fade-up.mfn-menu-submenu-on-hover .mfn-menu-item-has-megamenu:hover .mfn-menu-item-megamenu,
    .mfn-menu-submenu-show-fade-up.mfn-menu-submenu-on-click .mfn-menu-item-has-megamenu.mfn-li-hover .mfn-menu-item-megamenu,
    .mfn-menu-submenu-show-fade-up.mfn-menu-submenu-on-hover .mfn-menu-li:hover>.mfn-dropdown-pointer,
    .mfn-menu-submenu-show-fade-up.mfn-menu-submenu-on-click .mfn-menu-li.mfn-li-hover>.mfn-dropdown-pointer,
    .mfn-menu-submenu-show-fade-up.mfn-menu-submenu-on-hover .mfn-menu-item-has-megamenu:hover .mfn-dropdown-pointer,
    .mfn-menu-submenu-show-fade-up.mfn-menu-submenu-on-click .mfn-menu-item-has-megamenu.mfn-li-hover .mfn-dropdown-pointer {
      animation: mfnSubmenuFadeInUp 0.5s cubic-bezier(0.2, 1, 0.3, 1);
      -webkit-animation: mfnSubmenuFadeInUp 0.5s cubic-bezier(0.2, 1, 0.3, 1);
    }

    @keyframes mfnSubmenuFadeInUp {
      0% {
        opacity: 0;
        transform: translateY(20px)
      }

      100% {
        opacity: 1;
        transform: translateY(0);
      }
    }

    @-webkit-keyframes mfnSubmenuFadeInUp {
      0% {
        opacity: 0;
        transform: translateY(20px)
      }

      100% {
        opacity: 1;
        transform: translateY(0);
      }
    }

    /* Colors ------------------------------------*/
    .mfn-header-menu .mfn-menu-li>.mfn-menu-link {
      color: #73748c;
    }

    .mfn-header-menu .mfn-menu-li:hover>.mfn-menu-link {
      color: #2a2b39;
    }

    .mfn-header-menu .mfn-menu-li.current-menu-item>.mfn-menu-link {
      color: #0089f7;
    }

    .mfn-header-menu .mfn-menu-link .menu-icon i {
      color: #0089f7;
    }

    .mfn-header-menu .mfn-submenu {
      background-color: #fff;
      box-shadow: 0px 10px 20px 0px rgba(1, 7, 39, .05);
    }

    /* Colors ------------------------------------*/
    .mfn-megamenu-menu li>a {
      color: #73748c;
    }

    .mfn-megamenu-menu li>a:hover {
      color: #2a2b39;
    }

    .mfn-megamenu-menu li.current-menu-item>a {
      color: #0089f7;
    }

    .mfn-megamenu-menu a .menu-icon i {
      color: #0089f7;
    }

    .mfn-mm-menu-horizontal .sub-menu {
      background-color: #fff;
      box-shadow: 0px 10px 20px 0px rgba(1, 7, 39, .05);
    }

    /* Z-index ------------------------------------*/
    .mfn-header-menu>.mfn-menu-li>.menu-item-helper {
      z-index: 1;
    }

    .mfn-header-menu>.mfn-menu-li {
      z-index: 1;
    }

    .mfn-header-menu>.mfn-menu-li .mfn-menu-link .menu-icon,
    .mfn-header-menu>.mfn-menu-li .mfn-menu-link .menu-sub {
      z-index: 1;
    }

    .mfn-header-menu>.mfn-menu-li:hover {
      z-index: 2;
    }

    .mfn-header-menu>.mfn-menu-li .mfn-menu-link .sub-menu {
      z-index: 3;
    }

    .mfn-header-menu>.mfn-menu-li>.mfn-menu-link {
      z-index: 4;
    }

    .mfn-menu-separator-on>.mfn-menu-li:after {
      z-index: 4;
    }

    /* Addons ------------------------------------*/
    .mfn-header-menu>.mfn-menu-li>.mfn-menu-link>.label-wrapper>.menu-label {
      white-space: nowrap;
    }

    .mfn-header-menu>.mfn-menu-li .mfn-menu-link span.menu-sub i {
      font-size: var(--mfn-header-submenu-icon-size);
    }

    .mfn-header-menu .mfn-menu-li:not(.menu-item-has-children, .mfn-menu-item-has-megamenu) .mfn-menu-link .menu-sub {
      display: none !important;
    }

    .mfn-header-menu .mfn-menu-li .mfn-submenu .mfn-menu-link .menu-sub>i {
      font-size: var(--mfn-header-submenu-submenu-icon-size);
    }

    .mfn-header-menu .mfn-menu-link .menu-icon {
      line-height: 1;
    }

    .mfn-header-menu .mfn-menu-link .menu-icon i {
      font-size: var(--mfn-header-menu-icon-size);
    }

    .mfn-header-menu .mfn-menu-li .mfn-submenu .mfn-menu-link .menu-icon {
      font-size: var(--mfn-header-submenu-subicon-gap);
    }

    .mfn-header-menu .mfn-menu-li .mfn-submenu .mfn-menu-link .menu-icon>i {
      font-size: var(--mfn-header-submenu-subicon-size);
    }

    .mfn-header-menu .mfn-menu-link .menu-icon>svg,
    .mfn-header-menu .mfn-menu-link .menu-icon>img {
      height: auto;
      width: var(--mfn-header-menu-icon-size);
    }

    .mfn-header-menu .mfn-menu-link .label-wrapper {
      position: relative;
      display: flex;
      flex-direction: column;
    }

    .mfn-header-menu .mfn-menu-link .label-wrapper .menu-desc {
      font-size: 85%;
    }

    .mfn-menu-submenu-icon-off .mfn-menu-link .menu-sub {
      display: none;
    }

    /* Mega menu */
    .mfn-menu-submenu-on-hover .mfn-menu-item-has-megamenu:hover>.mfn-submenu,
    .mfn-menu-submenu-on-click .mfn-menu-item-has-megamenu.mfn-li-hover>.mfn-submenu {
      display: none;
    }

    /* Menu item alignment ------------------------------------*/
    .mfn-items-align-left .mfn-menu-li .mfn-menu-link {
      justify-content: flex-start;
    }

    .mfn-items-align-left.mfn-menu-icon-right .mfn-menu-li .mfn-menu-link {
      justify-content: flex-end;
    }

    .mfn-items-align-center .mfn-menu-li .mfn-menu-link {
      justify-content: center;
    }

    .mfn-items-align-right .mfn-menu-li .mfn-menu-link {
      justify-content: flex-end;
    }

    .mfn-items-align-right.mfn-menu-icon-right .mfn-menu-li .mfn-menu-link {
      justify-content: flex-start;
    }

    /* Icon positions ------------------------------------*/
    .mfn-menu-icon-left .mfn-menu-link>.menu-icon {
      margin-right: var(--mfn-header-menu-icon-gap);
    }

    .mfn-menu-icon-left .mfn-menu-link>.menu-sub {
      margin-left: var(--mfn-header-menu-submenu-icon-gap);
    }

    .mfn-menu-icon-right>.mfn-menu-li>.mfn-menu-link {
      flex-direction: row-reverse;
    }

    .mfn-menu-icon-right .mfn-menu-link>.menu-icon {
      margin-left: var(--mfn-header-menu-icon-gap);
    }

    .mfn-menu-icon-right .mfn-menu-link>.menu-sub {
      margin-right: var(--mfn-header-menu-submenu-icon-gap);
    }

    .mfn-menu-icon-top>.mfn-menu-li>.mfn-menu-link {
      flex-wrap: wrap;
    }

    .mfn-menu-icon-top .mfn-menu-link>.menu-icon {
      margin-bottom: var(--mfn-header-menu-icon-gap);
      width: 100%;
      text-align: center;
    }

    .mfn-menu-icon-top .mfn-menu-link>.menu-sub {
      margin-left: var(--mfn-header-menu-submenu-icon-gap);
    }

    .mfn-menu-icon-top .mfn-menu-link>.label-wrapper {
      align-items: center;
    }

    .mfn-menu-icon-top .mfn-menu-li .mfn-submenu .mfn-menu-link {
      justify-content: center;
      flex-wrap: wrap;
    }

    .mfn-menu-icon-top .mfn-menu-li .mfn-submenu .mfn-menu-link .menu-sub {
      margin-left: var(--mfn-header-menu-submenu-icon-gap);
    }

    .mfn-menu-icon-top.mfn-items-align-left .mfn-menu-li .mfn-menu-link,
    .mfn-menu-icon-top.mfn-items-align-right .mfn-menu-li .mfn-menu-link {
      justify-content: center;
    }

    .mfn-menu-icon-top.mfn-items-align-left .mfn-menu-link>.menu-icon,
    .mfn-menu-icon-top.mfn-items-align-right .mfn-menu-link>.menu-icon {
      text-align: center;
    }

    /* Separator ------------------------------------*/
    .mfn-menu-separator-on>.mfn-menu-li:after {
      content: "";
      width: 1px;
      height: 100%;
      background-color: var(--mfn-header-menu-sep);
      position: absolute;
      top: 0;
      right: calc(var(--mfn-header-menu-gap) * -0.5);
    }

    .mfn-menu-separator-on>.mfn-menu-li:last-child:after {
      display: none;
    }

    /* Gap ------------------------------------*/
    .mfn-header-menu>.mfn-menu-li {
      display: inline-flex;
      margin: 0 calc(var(--mfn-header-menu-gap) / 2);
    }

    .mfn-header-menu>.mfn-menu-li:first-child {
      margin-left: 0;
    }

    .mfn-header-menu>.mfn-menu-li:last-child {
      margin-right: 0;
    }

    /* Menu - Animation ------------------------------------*/
    .mfn-menu-animation-text-line-bottom>.mfn-menu-li>.mfn-menu-link {
      transition: color 0.2s ease-in-out;
    }

    .mfn-menu-animation-text-line-bottom>.mfn-menu-li>.mfn-menu-link .label-wrapper:before {
      content: "";
      position: absolute;
      left: 0;
      top: 100%;
      width: 100%;
      height: var(--mfn-header-menu-animation-height);
      background-color: var(--mfn-header-menu-animation-color);
      transform: scale3d(0, 1, 1);
      transition: transform 0.2s ease-in-out;
    }

    .mfn-menu-animation-text-line-bottom>.mfn-menu-li:hover>.mfn-menu-link .label-wrapper:before,
    .mfn-menu-animation-text-line-bottom>.mfn-menu-li.current-menu-item>.mfn-menu-link .label-wrapper:before {
      transform: scale3d(1, 1, 1);
    }

    .mfn-menu-animation-text-toggle-line-bottom>.mfn-menu-li>.mfn-menu-link {
      transition: color 0.4s cubic-bezier(0.8, 0, 0.2, 1);
    }

    .mfn-menu-animation-text-toggle-line-bottom>.mfn-menu-li>.mfn-menu-link .label-wrapper:before {
      content: '';
      position: absolute;
      left: 0;
      top: 100%;
      width: 100%;
      height: var(--mfn-header-menu-animation-height);
      background-color: var(--mfn-header-menu-animation-color);
      transform: scale3d(0, 1, 1);
      transform-origin: 100% 50%;
      transition: transform 0.4s cubic-bezier(0.8, 0, 0.2, 1);
    }

    .mfn-menu-animation-text-toggle-line-bottom>.mfn-menu-li:hover>.mfn-menu-link .label-wrapper:before,
    .mfn-menu-animation-text-toggle-line-bottom>.mfn-menu-li.current-menu-item>.mfn-menu-link .label-wrapper:before {
      transform: scale3d(1, 1, 1);
      transform-origin: 0% 50%;
    }

    .mfn-menu-animation-text-bg-line>.mfn-menu-li>.mfn-menu-link {
      transition: color 0.2s cubic-bezier(0.2, 1, 0.3, 1);
    }

    .mfn-menu-animation-text-bg-line>.mfn-menu-li>.mfn-menu-link .label-wrapper {
      padding: 0 0.5em;
    }

    .mfn-menu-animation-text-bg-line>.mfn-menu-li>.mfn-menu-link .label-wrapper:before {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 50%;
      transform: scale3d(0, 1, 1);
      background-color: var(--mfn-header-menu-animation-color);
      opacity: .3;
      transition: transform 0.2s cubic-bezier(0.2, 1, 0.3, 1);
    }

    .mfn-menu-animation-text-bg-line>.mfn-menu-li:hover>.mfn-menu-link .label-wrapper:before,
    .mfn-menu-animation-text-bg-line>.mfn-menu-li.current-menu-item>.mfn-menu-link .label-wrapper:before {
      transform: scale3d(1, 1, 1);
    }

    .mfn-menu-animation-text-bg-line>.mfn-menu-li:hover>.mfn-menu-link,
    .mfn-menu-animation-text-bg-line>.mfn-menu-li.current-menu-item>.mfn-menu-link {
      color: #0089f7;
    }

    .mfn-menu-animation-toggle-line-top>.mfn-menu-li>.mfn-menu-link:before,
    .mfn-menu-animation-toggle-line-bottom>.mfn-menu-li>.mfn-menu-link:before {
      content: "";
      position: absolute;
      left: 0;
      width: 100%;
      height: var(--mfn-header-menu-animation-height);
      background-color: var(--mfn-header-menu-animation-color);
      transform: scale3d(0, 1, 1);
      transition: transform 0.2s ease-in-out;
    }

    .mfn-menu-animation-toggle-line-top>.mfn-menu-li>.mfn-menu-link:before {
      bottom: 100%;
    }

    .mfn-menu-animation-toggle-line-bottom>.mfn-menu-li>.mfn-menu-link:before {
      top: 100%;
    }

    .mfn-menu-animation-toggle-line-top>.mfn-menu-li:hover>.mfn-menu-link:before,
    .mfn-menu-animation-toggle-line-bottom>.mfn-menu-li:hover>.mfn-menu-link:before,
    .mfn-menu-animation-toggle-line-top>.mfn-menu-li.current-menu-item>.mfn-menu-link:before,
    .mfn-menu-animation-toggle-line-bottom>.mfn-menu-li.current-menu-item>.mfn-menu-link:before {
      transform: scale3d(1, 1, 1);
    }

    .mfn-menu-animation-bg-left>.mfn-menu-li>.mfn-menu-link {
      transition: color 0.2s ease-in-out;
    }

    .mfn-menu-animation-bg-left>.mfn-menu-li>.mfn-menu-link .menu-item-helper {
      transform: scale3d(0, 1, 1);
      transition: transform 0.2s ease-in-out;
      transform-origin: 0% 50%;
      background-color: var(--mfn-header-menu-animation-color);
    }

    .mfn-menu-animation-bg-left>.mfn-menu-li:hover>.mfn-menu-link .menu-item-helper,
    .mfn-menu-animation-bg-left>.mfn-menu-li.current-menu-item>.mfn-menu-link .menu-item-helper {
      transform: scale3d(1, 1, 1);
    }

    /* Menu icon - Animation ------------------------------------*/
    .mfn-menu-icon-rotate .mfn-menu-li>.mfn-menu-link .menu-icon {
      transition: transform .3s ease-out;
    }

    .mfn-menu-icon-rotate .mfn-menu-li:hover>.mfn-menu-link .menu-icon,
    .mfn-menu-icon-rotate .mfn-menu-li.current-menu-item>.mfn-menu-link .menu-icon {
      transform: rotate(180deg);
    }

    .mfn-menu-icon-zoom .mfn-menu-li>.mfn-menu-link .menu-icon {
      transition: transform .3s ease-out;
    }

    .mfn-menu-icon-zoom .mfn-menu-li:hover>.mfn-menu-link .menu-icon,
    .mfn-menu-icon-zoom .mfn-menu-li.current-menu-item>.mfn-menu-link .menu-icon {
      transform: scale(1.2)
    }

    /* Menu subicon - Animation ------------------------------------*/
    .mfn-menu-submenu-icon-rotate>.mfn-menu-li>.mfn-menu-link .menu-sub {
      transition: transform .3s ease-out;
    }

    .mfn-menu-submenu-icon-rotate>.mfn-menu-li:hover>.mfn-menu-link .menu-sub,
    .mfn-menu-submenu-icon-rotate>.mfn-menu-li.current-menu-item>.mfn-menu-link .menu-sub {
      transform: rotate(180deg);
    }

    .mfn-menu-submenu-icon-zoom>.mfn-menu-li>.mfn-menu-link .menu-sub {
      transition: transform .3s ease-out;
    }

    .mfn-menu-submenu-icon-zoom>.mfn-menu-li:hover>.mfn-menu-link .menu-sub,
    .mfn-menu-submenu-icon-zoom>.mfn-menu-li.current-menu-item>.mfn-menu-link .menu-sub {
      transform: scale(1.2)
    }

    /* Dropdown pointer */
    .mfn-menu-dropdown-pointer>.mfn-menu-li>.mfn-dropdown-pointer {
      display: none;
      position: absolute;
      top: calc(100% + 1px);
      width: 100%;
      z-index: 1;
      line-height: 0;
    }

    .mfn-menu-dropdown-pointer>.mfn-menu-li>.mfn-dropdown-pointer:after {
      display: inline-block;
      content: "";
      width: 0px;
      height: 0px;
      border-left: var(--mfn-header-submenu-dropdown-size) solid transparent;
      border-right: var(--mfn-header-submenu-dropdown-size) solid transparent;
      border-bottom: var(--mfn-header-submenu-dropdown-size) solid var(--mfn-header-submenu-dropdown-color);
    }

    .mfn-menu-dropdown-pointer>.mfn-menu-li>.mfn-menu-item-megamenu {
      padding-top: var(--mfn-header-submenu-dropdown-size) !important;
    }

    .mfn-menu-dropdown-pointer>.mfn-menu-li .mfn-submenu {
      top: calc(100% + var(--mfn-header-submenu-dropdown-size));
    }

    .mfn-menu-dropdown-pointer>.mfn-menu-li:not(.mfn-menu-item-has-megamenu):not(.menu-item-has-children) .mfn-dropdown-pointer {
      display: none !important;
    }

    .mfn-menu-dropdown-pointer .mfn-menu-li .mfn-menu-li .mfn-dropdown-pointer {
      display: none !important;
    }

    .mfn-menu-dropdown-pointer-left>.mfn-menu-li>.mfn-dropdown-pointer {
      text-align: left;
    }

    .mfn-menu-dropdown-pointer-left>.mfn-menu-li>.mfn-dropdown-pointer:after {
      margin-left: var(--mfn-header-submenu-dropdown-offset);
    }

    .mfn-menu-dropdown-pointer-center>.mfn-menu-li>.mfn-dropdown-pointer {
      text-align: center;
    }

    .mfn-menu-dropdown-pointer-center>.mfn-menu-li>.mfn-dropdown-pointer:after {
      margin-left: var(--mfn-header-submenu-dropdown-offset);
    }

    .mfn-menu-dropdown-pointer-right>.mfn-menu-li>.mfn-dropdown-pointer {
      text-align: right;
    }

    .mfn-menu-dropdown-pointer-right>.mfn-menu-li>.mfn-dropdown-pointer:after {
      margin-right: var(--mfn-header-submenu-dropdown-offset);
    }

    .mfn-menu-submenu-on-hover .mfn-menu-li:hover>.mfn-dropdown-pointer,
    .mfn-menu-submenu-on-click .mfn-menu-li.mfn-li-hover>.mfn-dropdown-pointer {
      display: inline-block;
    }

    .mfn-menu-submenu-on-hover .mfn-menu-item-has-megamenu:hover>.mfn-dropdown-pointer,
    .mfn-menu-submenu-on-click .mfn-menu-item-has-megamenu.mfn-li-hover>.mfn-dropdown-pointer {
      display: inline-block;
    }

    /* Menu burger */
    .mcb-item-header_burger-inner {
      z-index: 2;
    }

    html.mfn-header-tmpl-burger-sidebar-opened {
      overflow: hidden;
    }

    html.scrollbar-hidden,
    html.scrollbar-hidden .mfn-header-scrolled .mfn-header-tmpl.mfn-hasSticky .mfn-builder-content,
    html.scrollbar-hidden .mfn-footer-sliding .mfn-footer-tmpl .mfn-builder-content {
      padding-right: 15px
    }

    .column_header_burger.mfn-header-tmpl-menu-active:before {
      content: "";
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      z-index: 1;
      background-color: rgba(0, 0, 0, 0.1);
      animation: mfnMmSubmenuFadeIn 1s cubic-bezier(0.2, 1, 0.3, 1);
      -webkit-animation: mfnMmSubmenuFadeIn 1s cubic-bezier(0.2, 1, 0.3, 1);
    }

    .mfn-header-tmpl-menu-sidebar {
      position: fixed !important;
      z-index: 1;
      top: 0;
      width: var(--mfn-header-menu-sidebar-width);
      height: 100vh;
      background-color: #f6f7f9;
      transition: .5s ease-in-out;
    }

    .mfn-header-tmpl-menu-active .mfn-header-tmpl-menu-sidebar {}

    .mfn-header-tmpl-menu-sidebar .mfn-header-tmpl-menu-sidebar-wrapper {
      display: flex;
      flex-wrap: wrap;
      position: relative;
      align-items: center;
      overflow-y: auto;
      height: 100%;
      padding: 50px;
      box-sizing: border-box;
    }

    .mfn-header-tmpl-menu-sidebar .mfn-header-menu {
      flex-direction: column;
      width: 100%;
    }

    .mfn-header-tmpl-menu-sidebar .mfn-header-menu>.mfn-menu-li {
      flex-direction: column;
    }

    .mfn-header-tmpl-menu-sidebar .mfn-header-menu .mfn-submenu {
      display: none;
      position: relative;
      left: unset;
      top: unset;
      width: 100%;
    }

    .mfn-header-tmpl-menu-sidebar .mfn-header-menu .mfn-submenu .mfn-menu-li .mfn-submenu {
      left: unset;
      top: unset;
    }

    .mfn-header-tmpl-menu-sidebar-left {
      left: calc(var(--mfn-header-menu-sidebar-width) * -1);
    }

    .mfn-header-tmpl-menu-active .mfn-header-tmpl-menu-sidebar-left {
      left: 0;
    }

    .mfn-header-tmpl-menu-sidebar-right {
      right: calc(var(--mfn-header-menu-sidebar-width) * -1);
    }

    .mfn-header-tmpl-menu-active .mfn-header-tmpl-menu-sidebar-right {
      right: 0;
    }

    .mfn-header-tmpl-menu-sidebar-center {
      display: none;
    }

    .mfn-header-tmpl-menu-active .mfn-header-tmpl-menu-sidebar-center {
      left: 0;
      right: 0;
      margin-left: auto;
      margin-right: auto;
      display: block;
    }

    .mfn-header-tmpl-menu-sidebar.mfn-header-classic-mobile-menu {
      width: 100%;
      height: auto;
      transition: 0s;
      overflow: auto;
    }

    .mfn-header-tmpl-menu-sidebar .mfn-close-icon {
      position: absolute;
      top: 10px;
    }

    .mfn-header-tmpl-menu-sidebar-left .mfn-close-icon {
      left: 10px;
    }

    .mfn-header-tmpl-menu-sidebar-right .mfn-close-icon {
      right: 10px;
    }

    .mfn-header-classic-mobile-menu-close-icon-hidden .mfn-close-icon {
      display: none;
    }

    /* Custom position */
    .mfn-close-icon-pos-left .mfn-close-icon {
      left: 10px;
    }

    .mfn-close-icon-pos-right .mfn-close-icon {
      right: 10px;
    }

    .mfn-header-tmpl-menu-sidebar .mfn-header-menu>.mfn-menu-li {
      display: inline-flex;
      margin: calc(var(--mfn-header-menu-gap) / 2) 0;
    }

    .mfn-header-tmpl-menu-sidebar .mfn-header-menu>.mfn-menu-li:first-child {
      margin-top: 0;
    }

    .mfn-header-tmpl-menu-sidebar .mfn-header-menu>.mfn-menu-li:last-child {
      margin-bottom: 0;
    }

    #Side_slide .menu_wrapper .mfn-header-menu {
      flex-direction: column;
    }

    #Side_slide .menu_wrapper .mfn-header-menu>.mfn-menu-li {
      flex-direction: column;
    }

    /* Cart & Wishlist */
    .column_header_icon .mfn-header-cart-link .icon-wrapper,
    .column_header_icon .mfn-header-wishlist-link .icon-wrapper {
      position: relative;
    }

    .column_header_icon .header-wishlist-count,
    .column_header_icon .header-cart-count {
      display: inline-block;
      position: absolute;
      font-size: 11px;
      line-height: 1;
      background-color: #333;
      color: #fff;
      min-width: 18px;
      text-align: center;
      border-radius: 18px;
      padding: 3px;
    }

    /* Search_wrapper */
    .mfn-header-tmpl .column_header_icon .search_wrapper {
      display: none;
      position: fixed;
      left: 50%;
      transform: translate(-50%, -50%);
      top: 50%;
      display: none;
      z-index: 205;
      width: 100%;
      box-sizing: border-box;
      width: 600px;
      max-width: 80%;
      overflow: hidden;
    }

    .mfn-header-tmpl .column_header_icon .mfn-searchbar-active .search_wrapper {
      display: block;
    }

    .mfn-header-tmpl .column_header_icon .search_wrapper>form {
      position: relative;
    }

    .mfn-header-tmpl .column_header_icon .search_wrapper input[type="text"] {
      width: 100%;
      margin: 0;
      box-sizing: border-box;
      -webkit-box-shadow: 0 0 0;
      box-shadow: 0 0 0;
      padding: 22px 30px 22px 60px;
      background: none;
      border-width: 0;
      font-size: 15px;
      color: rgba(0, 0, 0, .8);
    }

    .mfn-header-tmpl .column_header_icon .search_wrapper input[type="text"]:focus {
      background-color: transparent !important
    }

    .mfn-header-tmpl .column_header_icon .search_wrapper .icon_search,
    .mfn-header-tmpl .column_header_icon .search_wrapper .icon_close {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
    }

    .mfn-header-tmpl .column_header_icon .search_wrapper .icon_search {
      left: 15px;
    }

    .mfn-header-tmpl .column_header_icon .search_wrapper .icon_close {
      right: 10px;
    }

    .mfn-header-tmpl .column_header_icon .search_wrapper {
      background-color: #fff;
      box-shadow: 0px 10px 46px 0px rgba(1, 7, 39, .1);
      border-radius: 4px;
    }

    /* Icon wrapper - Width */
    .column_header_icon.mfn-item-inline .icon-wrapper {
      width: auto;
    }

    .column_header_burger.mfn-item-inline .icon-wrapper {
      width: auto;
    }

    /* --------------------------------------------------------------------------------------------------------------- */
    /* ------------------------------------------------ Mega Menu ---------------------------------------------------- */
    /* --------------------------------------------------------------------------------------------------------------- */

    /* Variables */
    .mfn-megamenu-tmpl-builder {
      --mfn-column-gap-left: 12px;
      --mfn-column-gap-right: 12px;
      --mfn-megamenu-menu-gap: 0px;
      --mfn-megamenu-menu-icon-gap: 5px;
      --mfn-megamenu-menu-submenu-icon-gap: 10px;
      --mfn-megamenu-menu-sep: rgba(1, 7, 39, .15);
      --mfn-megamenu-menu-animation-height: 3px;
      --mfn-megamenu-menu-icon-size: 25px;
      --mfn-megamenu-submenu-icon-size: 13px;
      --mfn-megamenu-menu-animation-color: #0089f7;
      --mfn-column-gap-bottom: 10px;
      --mfn-megamenu-submenu-border-radius-top: 4px;
      --mfn-megamenu-submenu-border-radius-right: 4px;
      --mfn-megamenu-submenu-border-radius-bottom: 4px;
      --mfn-megamenu-submenu-border-radius-left: 4px;
    }


    .mfn-menu-item-megamenu {
      position: absolute;
      top: 100%;
    }

    /* Types */
    .mfn-megamenu-full-width,
    .mfn-megamenu-grid {
      width: 100vw;
    }

    .mfn-megamenu-full-width .container {
      max-width: 100%;
    }

    .mfn-megamenu-custom-width {
      width: 220px;
    }

    /* Positions */
    .mfn-megamenu-pos-left {
      left: 0;
    }

    .mfn-megamenu-pos-right {
      right: 0;
      left: auto;
    }

    /* Animation */
    .mfn-menu-item-has-megamenu .mfn-menu-item-megamenu {
      display: none;
    }

    .mfn-menu-submenu-on-hover .mfn-menu-item-has-megamenu:hover>.mfn-menu-item-megamenu:not(.mfn-megamenu-grid),
    .mfn-menu-submenu-on-hover .mfn-menu-item-has-megamenu:hover>.mfn-menu-item-megamenu.mfn-megamenu-grid.mfn-mm-grid-set {
      display: block;
    }

    .mfn-menu-submenu-on-click .mfn-menu-item-has-megamenu.mfn-li-hover>.mfn-menu-item-megamenu {
      display: block;
    }

    /* Mobile width mod */
    @media only screen and (max-width: 767px) {
      .mfn-menu-item-megamenu {
        max-width: 90vw;
      }

      .mfn-menu-item-megamenu>.container {
        padding-left: 0 !important;
        padding-right: 0 !important;
      }
    }


    /* MegaMenu display */
    @media only screen and (min-width: 1240px) {
      .mfn-header-menu .mfn-menu-item-megamenu-always-on>.mfn-submenu {
        display: block;
      }

      .home .mfn-header-menu .mfn-menu-item-megamenu-always-on-home>.mfn-submenu {
        display: block;
      }
    }

    @media only screen and (max-width: 1239px) {

      .mfn-header-menu .mfn-menu-item-megamenu-always-on>.mfn-submenu .mfn-menu-item-megamenu,
      .mfn-header-menu .mfn-menu-item-megamenu-always-on-home>.mfn-submenu .mfn-menu-item-megamenu {
        display: none !important;
      }

      .mfn-header-menu .mfn-menu-item-megamenu-always-on .mfn-menu-item-has-megamenu .menu-sub,
      .mfn-header-menu .mfn-menu-item-megamenu-always-on-home .mfn-menu-item-has-megamenu .menu-sub {
        display: none;
      }
    }

    .mfn-header-menu .mfn-submenu .mfn-menu-item-has-megamenu {
      position: static;
    }

    /* Fix for megamenu 100% min-height */
    .mfn-header-menu .mfn-submenu .mfn-menu-item-megamenu {
      min-height: 100%;
    }

    .mfn-header-menu .mfn-submenu .mfn-megamenu-pos-left {
      left: 100%;
      top: 0;
    }

    .mfn-header-menu .mfn-submenu .mfn-megamenu-pos-right {
      right: 100%;
      top: 0;
    }


    /****************************** Items ******************************/

    /*********** Mega Menu: Menu */

    .mfn-megamenu-menu {
      display: flex;
      align-items: stretch;
      flex-wrap: wrap;
      font-size: 15px;
      line-height: 1.5;
      font-weight: 500;
    }

    .mfn-megamenu-menu,
    .mfn-megamenu-menu .sub-menu {
      margin: 0;
      padding: 0;
      list-style: none;
    }

    .mfn-megamenu-menu li {
      position: relative;
    }

    .mfn-megamenu-menu li a {
      display: flex;
      text-decoration: none;
    }

    .mfn-megamenu-menu>li:last-child li:last-child a,
    .mfn-megamenu-menu>li:last-child:not(.menu-item-has-children)>a {
      border-bottom: 0 !important;
    }

    /* 1st level */
    .mfn-megamenu-menu>li>a {
      position: relative;
      align-items: center;
      padding: 8px 20px;
      width: 100%;
      box-sizing: border-box;
    }

    .mfn-megamenu-menu>li>a .menu-item-helper {
      display: flex;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      box-sizing: border-box;
    }

    /* 2nd & 3rd level */
    .mfn-megamenu-menu li .sub-menu {
      display: none;
      position: absolute;
      width: 220px;
    }

    .mfn-megamenu-menu li .sub-menu a {
      align-items: center;
      padding: 10px 20px;
    }

    .mfn-megamenu-menu li .sub-menu a .menu-sub {
      margin-left: auto;
    }

    .mfn-mm-submenu-on-hover li:hover>.sub-menu,
    .mfn-mm-submenu-on-click li.mfn-li-hover>.sub-menu {
      display: block;
    }

    /* 2nd level */
    .mfn-megamenu-menu.mfn-mm-menu-horizontal>li .sub-menu {
      left: 0;
      top: 100%;
    }

    /* 3rd level */
    .mfn-megamenu-menu.mfn-mm-menu-horizontal>li .sub-menu li .sub-menu {
      left: 100%;
      top: 0;
    }


    .mfn-megamenu-menu li .sub-menu {
      border-radius: var(--mfn-megamenu-submenu-border-radius-top) var(--mfn-megamenu-submenu-border-radius-right) var(--mfn-megamenu-submenu-border-radius-bottom) var(--mfn-megamenu-submenu-border-radius-left);
    }

    .mfn-megamenu-menu li .sub-menu li:first-child a {
      border-radius: var(--mfn-megamenu-submenu-border-radius-top) var(--mfn-megamenu-submenu-border-radius-right) 0 0;
    }

    .mfn-megamenu-menu li .sub-menu li:last-child a {
      border-radius: 0 0 var(--mfn-megamenu-submenu-border-radius-bottom) var(--mfn-megamenu-submenu-border-radius-left);
    }

    /* Vertical */
    .mfn-mm-menu-vertical {
      flex-direction: column;
    }

    .mfn-mm-menu-vertical li {
      display: flex;
      flex-direction: column;
    }

    .mfn-mm-menu-vertical li .sub-menu {
      display: block;
      position: static;
      width: 100%;
    }

    /* Horizontal */
    .mfn-mm-menu-horizontal>li {
      display: inline-flex;
    }

    /* Menu type */
    .mfn-mm-submenu-visible li .menu-sub {
      display: none;
    }

    .mfn-mm-submenu-toggled.mfn-mm-menu-vertical li .sub-menu {
      display: none;
    }

    .mfn-mm-submenu-toggled .sub-menu {
      display: none;
    }


    /* Submenu type animation ------------------------------------*/
    .mfn-mm-submenu-show-fade-in.mfn-mm-submenu-on-hover li:hover>.sub-menu,
    .mfn-mm-submenu-show-fade-in.mfn-mm-submenu-on-click li.mfn-li-hover>.sub-menu {
      animation: mfnMmSubmenuFadeIn 0.5s cubic-bezier(0.2, 1, 0.3, 1);
      -webkit-animation: mfnMmSubmenuFadeIn 0.5s cubic-bezier(0.2, 1, 0.3, 1);
    }

    @keyframes mfnMmSubmenuFadeIn {
      0% {
        opacity: 0;
      }

      100% {
        top: 1;
      }
    }

    @-webkit-keyframes mfnMmSubmenuFadeIn {
      0% {
        opacity: 0;
      }

      100% {
        top: 1;
      }
    }

    .mfn-mm-submenu-show-fade-up.mfn-mm-submenu-on-hover li:hover>.sub-menu,
    .mfn-mm-submenu-show-fade-up.mfn-mm-submenu-on-click li.mfn-li-hover>.sub-menu {
      animation: mfnMmSubmenuFadeInUp 0.5s cubic-bezier(0.2, 1, 0.3, 1);
      -webkit-animation: mfnMmSubmenuFadeInUp 0.5s cubic-bezier(0.2, 1, 0.3, 1);
    }

    @keyframes mfnMmSubmenuFadeInUp {
      0% {
        opacity: 0;
        transform: translateY(20px)
      }

      100% {
        top: 1;
        transform: translateY(0);
      }
    }

    @-webkit-keyframes mfnMmSubmenuFadeInUp {
      0% {
        opacity: 0;
        transform: translateY(20px)
      }

      100% {
        top: 1;
        transform: translateY(0);
      }
    }

    /* Colors ------------------------------------*/
    .mfn-megamenu-menu li>a {
      color: #73748c;
    }

    .mfn-megamenu-menu li>a:hover {
      color: #2a2b39;
    }

    .mfn-megamenu-menu li.current-menu-item>a {
      color: #0089f7;
    }

    .mfn-megamenu-menu a .menu-icon i {
      color: #0089f7;
    }

    .mfn-mm-menu-horizontal .sub-menu {
      background-color: #fff;
      box-shadow: 0px 10px 20px 0px rgba(1, 7, 39, .05);
    }

    /* Z-index ------------------------------------*/
    .mfn-megamenu-menu>li>.menu-item-helper {
      z-index: 1;
    }

    .mfn-megamenu-menu>li {
      z-index: 1;
    }

    .mfn-megamenu-menu>li a .menu-icon,
    .mfn-megamenu-menu>li a .menu-sub {
      z-index: 1;
    }

    .mfn-megamenu-menu>li:hover {
      z-index: 2;
    }

    .mfn-megamenu-menu>li a .sub-menu {
      z-index: 3;
    }

    .mfn-megamenu-menu>li>a {
      z-index: 4;
    }

    .mfn-menu-separator-on>li:after {
      z-index: 4;
    }

    /* Addons ------------------------------------*/
    .mfn-megamenu-menu a .menu-label {
      white-space: nowrap;
    }

    .mfn-megamenu-menu>li a span.menu-sub i {
      font-size: var(--mfn-megamenu-submenu-icon-size);
    }

    .mfn-megamenu-menu li:not(.menu-item-has-children) a .menu-sub {
      display: none !important;
    }

    .mfn-megamenu-menu li .sub-menu a .menu-sub>i {
      font-size: var(--mfn-megamenu-submenu-submenu-icon-size);
    }

    .mfn-megamenu-menu a .menu-icon {
      line-height: 1;
    }

    .mfn-megamenu-menu a .menu-icon i {
      font-size: var(--mfn-megamenu-menu-icon-size);
    }

    .mfn-megamenu-menu li .sub-menu a .menu-icon {
      margin-right: var(--mfn-megamenu-submenu-subicon-gap);
    }

    .mfn-megamenu-menu li .sub-menu a .menu-icon>i {
      font-size: var(--mfn-megamenu-submenu-subicon-size);
    }

    .mfn-megamenu-menu a .menu-icon>svg,
    .mfn-megamenu-menu a .menu-icon>img {
      height: auto;
      width: var(--mfn-megamenu-menu-icon-size);
    }

    .mfn-megamenu-menu a .label-wrapper {
      position: relative;
      display: flex;
      flex-direction: column;
    }

    .mfn-megamenu-menu a .label-wrapper .menu-desc {
      font-size: 85%;
    }

    .mfn-megamenu-menu li.menu-item-has-children>a>.decoration-icon {
      display: none;
    }

    .mfn-megamenu-menu .decoration-icon i {
      font-size: 13px;
    }

    .mfn-mm-menu-icon-left .decoration-icon {
      margin-left: auto;
    }

    .mfn-mm-menu-icon-right .decoration-icon {
      margin-right: auto;
    }

    .mfn-mm-menu-icon-top .decoration-icon {
      margin-left: 10px;
    }


    /* Submenu OFF */
    .mfn-mm-submenu-off a .menu-sub,
    .mfn-mm-submenu-off .sub-menu {
      display: none !important;
    }

    /* Icon positions ------------------------------------*/
    .mfn-mm-menu-icon-left a>.menu-icon {
      margin-right: var(--mfn-megamenu-menu-icon-gap);
    }

    .mfn-mm-menu-icon-left a>.menu-sub {
      margin-left: var(--mfn-megamenu-menu-submenu-icon-gap);
    }

    .mfn-mm-menu-icon-left.mfn-mm-menu-vertical a>.menu-sub {
      margin-left: auto;
    }

    .mfn-mm-menu-icon-right li>a {
      flex-direction: row-reverse;
    }

    .mfn-mm-menu-icon-right a>.menu-icon {
      margin-left: var(--mfn-megamenu-menu-icon-gap);
    }

    .mfn-mm-menu-icon-right a>.menu-sub {
      margin-right: var(--mfn-megamenu-menu-submenu-icon-gap);
    }

    .mfn-mm-menu-icon-right.mfn-mm-menu-vertical a>.menu-sub {
      margin-right: auto;
      margin-left: unset !important;
    }

    .mfn-mm-menu-icon-top>li>a {
      flex-wrap: wrap;
      justify-content: center;
    }

    .mfn-mm-menu-icon-top a>.menu-icon {
      margin-bottom: var(--mfn-megamenu-menu-icon-gap);
      width: 100%;
      text-align: center;
    }

    .mfn-mm-menu-icon-top a>.menu-sub {
      margin-left: var(--mfn-megamenu-menu-submenu-icon-gap);
    }

    .mfn-mm-menu-icon-top a>.label-wrapper {
      align-items: center;
    }

    .mfn-mm-menu-icon-top li .sub-menu a {
      justify-content: center;
      flex-wrap: wrap;
    }

    .mfn-mm-menu-icon-top li .sub-menu a .menu-sub {
      margin-left: var(--mfn-megamenu-menu-submenu-icon-gap);
    }

    .mfn-mm-menu-icon-top.mfn-items-align-left li a,
    .mfn-mm-menu-icon-top.mfn-items-align-right li a {
      justify-content: center;
    }

    .mfn-mm-menu-icon-top.mfn-items-align-left a>.menu-icon,
    .mfn-mm-menu-icon-top.mfn-items-align-right a>.menu-icon {
      text-align: center;
    }

    /* Menu icon - Animation ------------------------------------*/
    .mfn-mm-menu-icon-rotate li>a .menu-icon {
      transition: transform .3s ease-out;
    }

    .mfn-mm-menu-icon-rotate li:hover>a .menu-icon,
    .mfn-mm-menu-icon-rotate li.current-menu-item>a .menu-icon {
      transform: rotate(180deg);
    }

    .mfn-mm-menu-icon-zoom li>a .menu-icon {
      transition: transform .3s ease-out;
    }

    .mfn-mm-menu-icon-zoom li:hover>a .menu-icon,
    .mfn-mm-menu-icon-zoom li.current-menu-item>a .menu-icon {
      transform: scale(1.2)
    }

    /* Menu subicon - Animation ------------------------------------*/
    .mfn-mm-submenu-icon-rotate li>a .menu-sub {
      transition: transform .3s ease-out;
    }

    .mfn-mm-submenu-icon-rotate li:hover>a .menu-sub,
    .mfn-mm-submenu-icon-rotate li.current-menu-item>a .menu-sub,
    .mfn-mm-submenu-icon-rotate li.mfn-li-childrens-show>a .menu-sub {
      transform: rotate(180deg);
    }

    .mfn-mm-submenu-icon-zoom li>a .menu-sub {
      transition: transform .3s ease-out;
    }

    .mfn-mm-submenu-icon-zoom li:hover>a .menu-sub,
    .mfn-mm-submenu-icon-zoom li.current-menu-item>a .menu-sub,
    .mfn-mm-submenu-icon-zoom li.mfn-li-childrens-show>a .menu-sub {
      transform: scale(1.2)
    }


    /* --------------------------------------------------------------------------------------------------------------- */
    /* ------------------------------------------------- Footer ------------------------------------------------------ */
    /* --------------------------------------------------------------------------------------------------------------- */


    /* Types */
    .mfn-footer-fixed .mfn-footer-tmpl {
      position: fixed;
      width: 100%;
      bottom: 0;
      left: 0;
      z-index: 1;
    }

    .mfn-footer-sliding .mfn-footer-tmpl {
      position: fixed;
      width: 100%;
      bottom: 0;
      left: 0;
      z-index: -1;
    }

    .mfn-footer-sliding #Content_home {
      position: relative;
    }

    .mfn-footer-stick .mfn-footer-tmpl.is-sticky {
      position: fixed;
      width: 100%;
      bottom: 0;
      left: 0;
    }

    @media only screen and (max-width: 767px) {

      .mfn-footer-fixed .mfn-footer-tmpl,
      .mfn-footer-sliding .mfn-footer-tmpl {
        position: static;
      }

      .mfn-footer-fixed #Content_home,
      .mfn-footer-sliding #Content_home {
        margin-bottom: 0 !important;
      }

      .footer-menu-sticky .mfn-footer-tmpl {
        padding-bottom: 70px;
      }

      .mfn-footer-tmpl .mcb-section:not(.full-width) {
        max-width: 700px;
        padding-left: 33px;
        padding-right: 33px;
      }

      .mfn-footer-tmpl .mcb-section .section_wrapper {
        max-width: 100% !important;
      }
    }


    /****************************** Items ******************************/

    /*********** Footer: Logo */
    .column_footer_logo .logo-wrapper {
      display: flex;
      align-items: center;
      width: 100%;
      height: 100%;
      line-height: 0;
    }

    .column_footer_logo .logo-wrapper img {
      max-width: 100%;
      height: auto;
    }

    /*********** Header: Menu */

    .mfn-footer-menu {
      display: flex;
      flex-direction: column;
      font-size: 15px;
      line-height: 1.5;
      font-weight: 500;
      margin: 0;
      padding: 0;
      list-style: none;
    }

    .mfn-footer-menu li {
      position: relative;
    }

    .mfn-footer-menu li a {
      display: block;
      text-decoration: none;
    }

    .mfn-footer-menu li ul {
      display: none;
    }

    .mfn-footer-menu-style-horizontal {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
    }

    .mfn-footer-menu-style-vertical li a {
      padding: 10px 0;
    }

    .mfn-footer-menu-style-horizontal li a {
      display: flex;
      padding: 0 15px;
    }

    /* --------------------------------------------------------------------------------------------------------------- */
    /* ------------------------------------------------- Swiper ------------------------------------------------------ */
    /* --------------------------------------------------------------------------------------------------------------- */

    body {
      --mfn-swiper-pagination-bullet-active-color: #007aff;
      --mfn-swiper-pagination-bullet-inactive-color: #000;
      --mfn-swiper-pagination-bullet-width: 10px;
      --mfn-swiper-pagination-bullet-height: 10px;
      --mfn-swiper-pagination-spacing: 20px;
      --mfn-swiper-arrow-width: auto;
      --mfn-swiper-arrow-height: auto;
      --mfn-swiper-arrow-size: 50px;
      --mfn-swiper-arrow-spacing: 20px;
    }

    /*.mfn-builder-content .swiper .swiper-slide {flex-shrink: 0;width: 100%;height: 100%;position: relative; transition-property: transform; overflow: hidden;}*/

    .mfn-slider-linear .swiper-wrapper {
      transition-timing-function: linear;
    }

    .mfn-builder-content .mfn-slider-linear .swiper-slide {
      width: auto;
    }

    .mfn-builder-content .swiper-pagination {
      line-height: 1;
    }

    .mfn-builder-content .swiper-pagination-bullet {
      margin: 0 5px;
      width: var(--mfn-swiper-pagination-bullet-width);
      height: var(--mfn-swiper-pagination-bullet-height);
      transition: transform .2s ease-in-out;
    }

    .mfn-builder-content .swiper-pagination-bullet-active {
      background: var(--mfn-swiper-pagination-bullet-active-color);
      transform: scale(1.2);
      opacity: 1 !important;
    }

    .mfn-builder-content .swiper-button-next,
    .mfn-builder-content .swiper-button-prev {
      flex-shrink: 0;
      margin-top: 0;
      width: var(--mfn-swiper-arrow-width);
      height: var(--mfn-swiper-arrow-height);
    }

    .mfn-builder-content .swiper-button-next:after,
    .mfn-builder-content .swiper-button-prev:after {
      display: none;
    }

    .mfn-builder-content .swiper-button-next i,
    .mfn-builder-content .swiper-button-prev i {
      font-size: var(--mfn-swiper-arrow-size);
    }

    .mfn-builder-content .swiper-button-next i:before,
    .mfn-builder-content .swiper-button-prev i:before {
      margin: 0;
    }

    /* Order */
    .mfn-builder-content .swiper-button-prev {
      order: 1;
    }

    .mfn-builder-content .swiper {
      order: 2;
    }

    .mfn-builder-content .swiper-button-next {
      order: 3;
    }

    .mfn-builder-content .swiper-pagination {
      order: 4;
    }

    /* Arrows styles */
    .mfn-arrows-standard .swiper-button-next,
    .mfn-arrows-standard .swiper-button-prev {
      position: static;
      align-self: center;
    }

    .mfn-arrows-standard .swiper {
      flex: 1;
      margin: 0 var(--mfn-swiper-arrow-spacing);
    }

    .mfn-arrows-absolute {
      position: relative;
    }

    .mfn-arrows-absolute .mfn-swiper-arrow {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      z-index: 3;
    }

    .mfn-arrows-absolute .mfn-swiper-arrow.swiper-button-prev {
      left: 0;
    }

    .mfn-arrows-absolute .mfn-swiper-arrow.swiper-button-next {
      right: 0;
    }

    .mfn-arrows-overlay .swiper-button-next,
    .mfn-arrows-overlay .swiper-button-prev {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
    }

    .mfn-arrows-overlay .swiper-button-prev {
      left: var(--mfn-swiper-arrow-spacing);
    }

    .mfn-arrows-overlay .swiper-button-next {
      right: var(--mfn-swiper-arrow-spacing);
    }

    .mfn-arrows-custom .swiper-button-next,
    .mfn-arrows-custom .swiper-button-prev {
      left: unset;
      right: unset;
      top: unset;
      bottom: unset;
    }

    .swiper-pagination {
      position: relative;
      text-align: center;
      transition: .3s opacity;
      transform: translate3d(0, 0, 0);
      z-index: 10;
    }

    /* Dots styles */
    .mfn-dots-standard .swiper-pagination {
      width: 100%;
      margin-top: var(--mfn-swiper-pagination-spacing);
    }

    .mfn-dots-overlay .swiper-pagination {
      position: absolute;
      left: 50%;
      bottom: var(--mfn-swiper-pagination-spacing);
      transform: translateX(-50%);
    }

    .mfn-dots-custom .swiper-pagination {
      position: absolute;
    }

    /* --------------------------------------------------------------------------------------------------------------- */
    /* ------------------------------------------------- Query loop ------------------------------------------------------ */
    /* --------------------------------------------------------------------------------------------------------------- */

    .mfn-looped-items-slider-wrapper {}

    .mfn-looped-items-slider {
      display: block;
      width: 100%;
      position: relative;
    }

    .mfn-queryloop-item-wrapper {
      display: flex !important;
      flex-wrap: wrap;
      position: relative;
      width: 100%;
      box-sizing: border-box;
    }

    .mfn-looped-items-slider .mfn-queryloop-item-wrapper {
      height: 100%;
    }

    .swiper.mfn-looped-items-slider .swiper-slide {
      height: auto;
    }

    .mfn-looped-items-slider .mfn-queryloop-item-wrapper .mcb-column:last-child .mcb-column-inner {
      margin-bottom: 0;
    }

    /* Remove margin bottom for the last item in slider */

    .mfn-query-loop-masonry {
      display: block;
      position: relative;
      width: 100%;
    }

    .mfn-ql-slider-wrapper-offset {
      overflow: hidden;
    }

    .mfn-ql-slider-wrapper-offset .swiper {
      overflow: visible;
    }

    /* Arrows standard * Dots standard */
    .mfn-ql-slider-wrapper-offset.mfn-arrows-standard.mfn-dots-standard .section_wrapper {
      justify-content: center;
    }

    .mfn-ql-slider-wrapper-offset.mfn-arrows-standard.mfn-dots-standard .swiper {
      order: 1;
      margin: 0 0 var(--mfn-swiper-pagination-spacing);
    }

    .mfn-ql-slider-wrapper-offset.mfn-arrows-standard.mfn-dots-standard .swiper-button-prev {
      order: 2;
      margin-right: var(--mfn-swiper-arrow-spacing);
    }

    .mfn-ql-slider-wrapper-offset.mfn-arrows-standard.mfn-dots-standard .swiper-pagination {
      order: 3;
      width: auto;
      align-self: center;
      margin-top: 0;
    }

    .mfn-ql-slider-wrapper-offset.mfn-arrows-standard.mfn-dots-standard .swiper-button-next {
      order: 4;
      margin-left: var(--mfn-swiper-arrow-spacing);
    }

    /* Arrows standard * Dots overlay */
    .mfn-ql-slider-wrapper-offset.mfn-arrows-standard.mfn-dots-overlay .swiper-button-next,
    .mfn-ql-slider-wrapper-offset.mfn-arrows-standard.mfn-dots-overlay .swiper-button-prev {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
    }

    .mfn-ql-slider-wrapper-offset.mfn-arrows-standard.mfn-dots-overlay .swiper-button-prev {
      left: var(--mfn-swiper-arrow-spacing);
    }

    .mfn-ql-slider-wrapper-offset.mfn-arrows-standard.mfn-dots-overlay .swiper-button-next {
      right: var(--mfn-swiper-arrow-spacing);
    }

    /* Arrows standard * Dots hidden */
    .mfn-ql-slider-wrapper-offset.mfn-arrows-standard.mfn-dots-hidden .section_wrapper {
      justify-content: center;
    }

    .mfn-ql-slider-wrapper-offset.mfn-arrows-standard.mfn-dots-hidden .swiper {
      order: 1;
      margin: 0 0 var(--mfn-swiper-pagination-spacing);
    }

    .mfn-ql-slider-wrapper-offset.mfn-arrows-standard.mfn-dots-hidden .swiper-button-prev {
      order: 2;
      margin-right: var(--mfn-swiper-arrow-spacing);
    }

    .mfn-ql-slider-wrapper-offset.mfn-arrows-standard.mfn-dots-hidden .swiper-button-next {
      order: 3;
    }


    /* Loop masonry */
    .mfn-query-loop-masonry .mfn-queryloop-item-wrapper {
      display: block !important;
      float: left;
    }

    .mfn-looped-items-masonry .section_wrapper {
      display: block;
    }

    /* --------------------------------------------------------------------------------------------------------------- */
    /* ------------------------------------------------- Popups ------------------------------------------------------ */
    /* --------------------------------------------------------------------------------------------------------------- */

    html.mfn-popup-browser-scroll-disabled {
      overflow: hidden;
      max-height: 100vh;
      padding-right: 15px;
    }

    .mfn-popup-browser-scroll-disabled .mfn-header-tmpl-fixed {
      width: calc(100% - 15px)
    }

    .mfn-popup-tmpl {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 10000;
    }

    .mfn-popup-tmpl.mfn-popup-active {
      display: block;
    }

    .mfn-popup-tmpl:before {
      content: "";
      display: block;
      width: 200%;
      height: 200%;
      left: -50%;
      top: -50%;
      position: absolute;
    }

    .mfn-popup-tmpl.mfn-popup-active:before {
      animation-name: mfnpopupfade-in;
      animation-duration: 1s;
    }

    .mfn-popup-tmpl-content {
      display: flex;
      position: fixed;
      max-height: calc(100vh - (2*var(--mfn-popup-tmpl-offset)));
      max-width: calc(100vw - (2*var(--mfn-popup-tmpl-offset)));
      box-sizing: border-box;
      z-index: 1999;
      background-color: #fff;
      border-radius: 3px;
      box-shadow: 0px 2px 4px rgba(105, 103, 139, 0.03);
    }

    .mfn-popup-tmpl-content .mfn-popup-tmpl-content-wrapper {
      overflow: auto;
      padding: 30px;
      box-sizing: border-box;
      max-height: 100%;
      display: block;
      width: 100%;
    }

    .mfn-popup-tmpl.mfn-popup-tmpl-center .mfn-popup-tmpl-content {
      top: 50%;
      transform: translateY(-50%) translateX(-50%);
      left: 50%;
    }

    .mfn-popup-tmpl.mfn-popup-tmpl-top-left .mfn-popup-tmpl-content {
      top: 0;
      left: 0;
      margin: var(--mfn-popup-tmpl-offset);
    }

    .mfn-popup-tmpl.mfn-popup-tmpl-top-center .mfn-popup-tmpl-content {
      top: 0;
      transform: translateX(-50%);
      left: 50%;
      margin-top: var(--mfn-popup-tmpl-offset);
    }

    .mfn-popup-tmpl.mfn-popup-tmpl-top-right .mfn-popup-tmpl-content {
      top: 0;
      right: 0;
      margin: var(--mfn-popup-tmpl-offset);
    }

    .mfn-popup-tmpl.mfn-popup-tmpl-center-left .mfn-popup-tmpl-content {
      top: 50%;
      transform: translateY(-50%);
      left: 0;
      margin-left: var(--mfn-popup-tmpl-offset);
    }

    .mfn-popup-tmpl.mfn-popup-tmpl-center-right .mfn-popup-tmpl-content {
      top: 50%;
      transform: translateY(-50%);
      right: 0;
      margin-right: var(--mfn-popup-tmpl-offset);
    }

    .mfn-popup-tmpl.mfn-popup-tmpl-bottom-left .mfn-popup-tmpl-content {
      bottom: 0;
      left: 0;
      margin: var(--mfn-popup-tmpl-offset);
    }

    .mfn-popup-tmpl.mfn-popup-tmpl-bottom-center .mfn-popup-tmpl-content {
      bottom: 0;
      transform: translateX(-50%);
      left: 50%;
      margin-bottom: var(--mfn-popup-tmpl-offset);
    }

    .mfn-popup-tmpl.mfn-popup-tmpl-bottom-right .mfn-popup-tmpl-content {
      bottom: 0;
      right: 0;
      margin: var(--mfn-popup-tmpl-offset);
    }

    .mfn-popup-tmpl.mfn-popup-tmpl-width-default .mfn-popup-tmpl-content {
      width: 640px;
    }

    .mfn-popup-tmpl-custom-width .mfn-popup-tmpl-content {
      width: 640px;
    }

    .mfn-popup-tmpl.mfn-popup-tmpl-full-width .mfn-popup-tmpl-content {
      width: 100%;
    }

    .mfn-popup-tmpl .exit-mfn-popup:hover {
      text-decoration: none;
    }

    .mfn-popup-tmpl .mfn-popup-tmpl-content .mcb-column a.exit-mfn-popup {
      font-size: var(--mfn-exitbutton-item-size);
      margin: 0;
    }

    .mfn-popup-tmpl .mfn-popup-tmpl-content .mcb-column a.exit-mfn-popup img {
      width: var(--mfn-exitbutton-item-size);
    }

    .mfn-popup-tmpl .exit-mfn-popup-abs {
      position: absolute;
      top: 0;
      z-index: 10;
      width: var(--mfn-exitbutton-size);
      height: var(--mfn-exitbutton-size);
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: var(--mfn-exitbutton-font-size);
      transition: 0.3s;
      line-height: 1em;
    }

    .mfn-popup-close-button-right .exit-mfn-popup-abs {
      right: var(--mfn-exitbutton-offset-horizontal);
    }

    .mfn-popup-close-button-left .exit-mfn-popup-abs {
      left: var(--mfn-exitbutton-offset-horizontal);
    }

    .mfn-popup-tmpl.mfn-popup-tmpl-close-button-show-delay .exit-mfn-popup {
      opacity: 0;
      transition: 0.5s
    }

    .mfn-popup-tmpl.mfn-popup-tmpl-close-button-hidden .exit-mfn-popup-abs {
      display: none;
    }

    .mfn-popup-tmpl.mfn-popup-tmpl-close-button-show-delay.mfn-closebutton-active .exit-mfn-popup {
      opacity: 1;
    }

    .mfn-popup-tmpl.mfn-popup-animate-fade-in.mfn-popup-active {
      animation-name: mfnpopupfade-in;
      animation-duration: 0.5s;
    }

    .mfn-popup-tmpl.mfn-popup-animate-zoom-in.mfn-popup-active {
      animation-name: mfnpopupzoom-in;
      animation-duration: 0.5s;
    }

    .mfn-popup-tmpl.mfn-popup-animate-fade-in-up.mfn-popup-active {
      animation-name: mfnpopupfade-in-up;
      animation-duration: 0.5s;
    }

    .mfn-popup-tmpl.mfn-popup-animate-fade-in-down.mfn-popup-active {
      animation-name: mfnpopupfade-in-down;
      animation-duration: 0.5s;
    }

    .mfn-popup-tmpl.mfn-popup-animate-fade-in-left.mfn-popup-active {
      animation-name: mfnpopupfade-in-left;
      animation-duration: 0.5s;
    }

    .mfn-popup-tmpl.mfn-popup-animate-fade-in-right.mfn-popup-active {
      animation-name: mfnpopupfade-in-right;
      animation-duration: 0.5s;
    }

    @keyframes mfnpopupfade-in {
      0% {
        opacity: 0;
      }

      100% {
        opacity: 1;
      }
    }

    @keyframes mfnpopupzoom-in {
      0% {
        transform: scale(0.9);
      }

      100% {
        transform: scale(1);
      }
    }

    @keyframes mfnpopupfade-in-up {
      0% {
        transform: translateY(100px);
      }

      100% {
        transform: translateY(0);
      }
    }

    @keyframes mfnpopupfade-in-down {
      0% {
        transform: translateY(-100px);
      }

      100% {
        transform: translateY(0);
      }
    }

    @keyframes mfnpopupfade-in-left {
      0% {
        transform: translateX(100px);
      }

      100% {
        transform: translateX(0);
      }
    }

    @keyframes mfnpopupfade-in-right {
      0% {
        transform: translateX(-100px);
      }

      100% {
        transform: translateX(0);
      }
    }

    @media only screen and (min-width: 960px) and (max-width: 1239px) {

      .mfn-popup-tmpl .section_wrapper,
      .mfn-popup-tmpl .container {
        max-width: 100%;
      }
    }

    @media only screen and (min-width: 768px) and (max-width: 959px) {

      .mfn-popup-tmpl .section_wrapper,
      .mfn-popup-tmpl .container {
        max-width: 100%;
      }
    }

    @media only screen and (max-width: 767px) {

      .mfn-popup-tmpl .section_wrapper,
      .mfn-popup-tmpl .container {
        max-width: 100% !important;
      }

      .mfn-popup-tmpl .section_wrapper,
      .mfn-popup-tmpl .container {
        max-width: 100% !important;
      }

      .mfn-popup-tmpl .mfn-popup-tmpl-content-wrapper .section_wrapper,
      .mfn-popup-tmpl .container {
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important
      }

      .mfn-popup-tmpl-content {
        max-height: calc(90vh - (2*var(--mfn-popup-tmpl-offset)));
      }
    }

    /* --------------------------------------------------------------------------------------------------------------- */
    /* ------------------------------------------------ SideMenu ----------------------------------------------------- */
    /* --------------------------------------------------------------------------------------------------------------- */

    /* Variables */
    .mfn-sidemenu-tmpl {

      --mfn-sidemenu-width: 400px;

      --mfn-header-menu-icon-size: 25px;
      --mfn-header-icon-color: #333;

      --mfn-sidemenu-menu-tabber-spacing: 15px;
      --mfn-sidemenu-menu-tabber-padding: 5px;
      --mfn-sidemenu-menu-tabber-tab-spacing: 3px;
      --mfn-sidemenu-menu-tabber-bg: rgba(0, 0, 0, .05);
      --mfn-sidemenu-menu-tabber-link-bg-active: #fff;
      --mfn-sidemenu-menu-tabber-link: rgba(0, 0, 0, .4);
      --mfn-sidemenu-menu-tabber-link-active: #000;

      --mfn-sidemenu-submenu-icon-size: 20px;
      --mfn-sidemenu-submenu-icon-width: 30px;
      --mfn-sidemenu-icon-width: 20px;
      --mfn-sidemenu-icon-gap: 5px;

      --mfn-sidemenu-closebutton-size: 30px;
      --mfn-sidemenu-closebutton-font-size: 16px;
      --mfn-sidemenu-closebutton-offset-horizontal: 0;
      --mfn-sidemenu-submenu-icon-offset-top: 4px;

    }

    .mfn-sidemenu-tmpl {
      display: block;
      position: fixed;
      top: 0;
      z-index: 998;
      background-color: #fff;
      width: var(--mfn-sidemenu-width);
      max-width: 100%;
      height: 100%;
      overflow: hidden;
      box-sizing: border-box;
      opacity: 0;
      transition: 0.3s;
    }

    .mfn-sidemenu-tmpl .mfn-sidemenu-tmpl-builder {
      display: flex;
      flex-direction: column;
      min-height: 100%;
      width: 100%;
      box-sizing: border-box;
      max-height: 100%;
      overflow: auto;
    }

    .mfn-sidemenu-align-left {
      left: calc(var(--mfn-sidemenu-width) * -1);
    }

    .mfn-sidemenu-align-right {
      right: calc(var(--mfn-sidemenu-width) * -1);
    }

    .mfn-sidemenu-align-left.mfn-sidemenu-active {
      left: 0;
      opacity: 1;
    }

    .mfn-sidemenu-align-right.mfn-sidemenu-active {
      right: 0;
      opacity: 1;
    }

    .mfn-sidemenu-tmpl .mfn-sidemenu-closebutton {
      position: absolute;
      top: 0;
      z-index: 10;
      display: none;
      justify-content: center;
      align-items: center;
      width: var(--mfn-sidemenu-closebutton-size);
      height: var(--mfn-sidemenu-closebutton-size);
      font-size: var(--mfn-sidemenu-closebutton-font-size);
      line-height: 1em;
    }

    .mfn-sidemenu-tmpl .mfn-sidemenu-closebutton:hover {
      text-decoration: none;
    }

    .mfn-sidemenu-tmpl.mfn-sidemenu-closebutton-active .mfn-sidemenu-closebutton {
      display: flex;
    }

    .mfn-sidemenu-tmpl.mfn-sidemenu-close-button-right .mfn-sidemenu-closebutton {
      right: var(--mfn-sidemenu-closebutton-offset-horizontal);
    }

    .mfn-sidemenu-tmpl.mfn-sidemenu-close-button-left .mfn-sidemenu-closebutton {
      left: var(--mfn-sidemenu-closebutton-offset-horizontal);
    }



    /* Sidemenu always visible header fix */
    @media only screen and (min-width: 1240px) {

      .mfn-sidemenu-always-visible-tmpl-left {
        padding-left: var(--mfn-sidemenu-always-visible-offset)
      }

      .mfn-sidemenu-always-visible-tmpl-right {
        padding-right: var(--mfn-sidemenu-always-visible-offset)
      }

      .header-creative.mfn-sidemenu-always-visible-tmpl-active .mfn-sidemenu-always-visible {
        display: none !important;
      }

      .mfn-sidemenu-always-visible-tmpl-left .mfn-header-tmpl-fixed,
      .mfn-sidemenu-always-visible-tmpl-left.mfn-header-scrolled .mfn-header-tmpl.mfn-hasSticky {
        left: var(--mfn-sidemenu-always-visible-offset);
        width: calc(100% - var(--mfn-sidemenu-always-visible-offset));
      }

      .mfn-sidemenu-always-visible-tmpl-right .mfn-header-tmpl-fixed,
      .mfn-sidemenu-always-visible-tmpl-right.mfn-header-scrolled .mfn-header-tmpl.mfn-hasSticky {
        right: var(--mfn-sidemenu-always-visible-offset);
        width: calc(100% - var(--mfn-sidemenu-always-visible-offset));
      }

      .mfn-sidemenu-always-visible-tmpl-active:not(.mfn-ui) .mfn-sidemenu-always-visible .mfn-sidemenu-closebutton {
        display: none;
      }

      .mfn-sidemenu-bodyscroll-disabled {
        padding-right: 15px;
      }
    }

    .mfn-sidemenu-bodyscroll-disabled {
      overflow: hidden;
    }



    /****************************** Items ******************************/

    /*********** Sidemenu: Header Icon * Menu burger (Icon box mod) */
    .mfn-sidemenu-tmpl .mfn-header-icon-box .icon-wrapper i {
      font-size: var(--mfn-header-menu-icon-size);
      color: var(--mfn-header-icon-color);
    }

    .mfn-sidemenu-tmpl .mfn-header-icon-box .icon-wrapper svg .path {
      stroke: var(--mfn-header-icon-color);
    }

    .mfn-sidemenu-tmpl .mfn-header-icon-box .icon-wrapper img,
    .mfn-sidemenu-tmpl .mfn-header-icon-box .icon-wrapper svg {
      width: var(--mfn-header-menu-icon-size);
    }


    /*********** Sidemenu: Menu */
    .mfn-sidemenu-menu {
      list-style-type: none;
      padding: 0;
      margin: 0;
      display: flex;
      flex-wrap: wrap;
      align-items: flex-start;
    }

    .mfn-sidemenu-menu li {
      display: flex;
      width: 100%;
      flex-wrap: wrap;
      position: relative;
    }

    .mfn-sidemenu-menu li a.mfn-menu-link {
      display: flex;
      text-decoration: none;
      flex-grow: 1;
      align-items: center;
      padding: 4px 0;
    }

    .mfn-sidemenu-menu li a.mfn-menu-link .menu-icon {
      display: flex;
      font-size: var(--mfn-sidemenu-icon-width);
      line-height: 1em;
    }

    .mfn-sidemenu-menu li a.mfn-menu-link .menu-icon img {
      width: var(--mfn-sidemenu-icon-width);
      height: auto;
    }

    .mfn-sidemenu-menu.mfn-menu-icon-left li a .menu-icon {
      margin-right: var(--mfn-sidemenu-icon-gap);
    }

    .mfn-sidemenu-menu.mfn-menu-submenu-on li.menu-item-has-children ul {
      display: block;
      width: 100%;
    }


    /* Colors ------------------------------------*/
    .mfn-sidemenu-menu .mfn-menu-li>.mfn-menu-link {
      color: #73748c;
    }

    .mfn-sidemenu-menu .mfn-menu-li:hover>.mfn-menu-link {
      color: #2a2b39;
    }

    .mfn-sidemenu-menu .mfn-menu-li.current-menu-item>.mfn-menu-link {
      color: #0089f7;
    }

    .mfn-sidemenu-menu .mfn-menu-link .menu-icon i {
      color: #0089f7;
    }


    /* Addons ------------------------------------*/
    .mfn-sidemenu-menu li>.outer-menu-sub {
      display: none;
      position: absolute;
      top: var(--mfn-sidemenu-submenu-icon-offset-top);
      right: 0;
      z-index: 2;
      width: var(--mfn-sidemenu-submenu-icon-width);
      line-height: 1em;
      font-size: var(--mfn-sidemenu-submenu-icon-size);
      align-items: center;
      justify-content: center;
      text-decoration: none;
    }

    .mfn-sidemenu-menu.mfn-menu-submenu-icon-on li.menu-item-has-children>.outer-menu-sub {
      display: flex;
    }

    .mfn-sidemenu-menu .mfn-menu-link .label-wrapper .menu-desc {
      font-size: 85%;
    }


    /* Submenu ------------------------------------*/

    /* Show / Hide */
    .mfn-sidemenu-menu.mfn-menu-submenu-off li.menu-item-has-children .outer-menu-sub,
    .mfn-sidemenu-menu.mfn-menu-submenu-off li.menu-item-has-children ul {
      display: none;
    }

    /* Visibility */
    .mfn-sidemenu-menu.mfn-menu-submenu-on.mfn-menu-submenu-visible li ul {
      padding-left: 15px;
    }

    .mfn-sidemenu-menu.mfn-menu-submenu-on.mfn-menu-submenu-toggled li.menu-item-has-children ul {
      display: none;
      flex-wrap: wrap;
    }

    .mfn-sidemenu-menu.mfn-menu-submenu-on.mfn-menu-submenu-toggled li.current-menu-item>ul,
    .mfn-sidemenu-menu.mfn-menu-submenu-on.mfn-menu-submenu-toggled li.current-menu-ancestor>ul,
    .mfn-sidemenu-menu.mfn-menu-submenu-on.mfn-menu-submenu-toggled li.current-menu-item {
      display: flex;
    }

    .mfn-sidemenu-menu.mfn-menu-submenu-on.mfn-menu-submenu-replace li.menu-item-has-children ul {
      display: none;
    }

    /* Subicon - Animation */
    .mfn-menu-submenu-icon-rotate .mfn-menu-li>.outer-menu-sub i {
      transition: transform .3s ease-out;
    }

    .mfn-menu-submenu-icon-rotate .mfn-menu-li>.outer-menu-sub:hover>i>i {
      transform: rotate(180deg);
    }

    .mfn-menu-submenu-icon-rotate .mfn-menu-li.current-menu-item>.outer-menu-sub>i,
    .mfn-menu-submenu-icon-rotate .mfn-menu-li.current-menu-ancestor>.outer-menu-sub>i {
      transform: rotate(180deg) !important;
    }

    @media only screen and (max-width: 959px) {
      .mfn-menu-submenu-icon-rotate .mfn-menu-li>.outer-menu-sub:hover>i {
        transform: unset;
      }
    }

    .mfn-menu-submenu-icon-zoom .mfn-menu-li>.outer-menu-sub i {
      transition: transform .3s ease-out;
    }

    .mfn-menu-submenu-icon-zoom .mfn-menu-li>.outer-menu-sub:hover i,
    .mfn-menu-submenu-icon-zoom .mfn-menu-li.current-menu-item>.outer-menu-sub i {
      transform: scale(1.2)
    }


    /* Tag cloud */
    .mfn-tag-cloud {
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      --mfn-tag-cloud-offset: 3px;
      list-style-type: none;
      padding: 0;
      margin: 0;
    }

    .mfn-tag-cloud.mfn-tag-cloud-text li a:after {
      content: ",";
      margin-right: var(--mfn-tag-cloud-offset);
    }

    .mfn-tag-cloud.mfn-tag-cloud-text li:last-child a:after {
      content: "";
      display: none;
    }

    .mfn-tag-cloud.mfn-tag-cloud-pills li {
      margin-right: var(--mfn-tag-cloud-offset);
      margin-bottom: var(--mfn-tag-cloud-offset);
    }

    .mfn-tag-cloud.mfn-tag-cloud-pills li a {
      display: block;
      padding: 2px 10px;
      background-color: rgba(0, 0, 0, 0.1);
    }

    .mfn-tag-cloud a:hover {
      text-decoration: none;
    }

    /* Breadcrumbs */
    .mfn-sidemenu-breadcrumbs {
      display: flex;
      width: 100%;
      margin-bottom: 5px;
      align-items: center;
    }

    .mfn-sidemenu-breadcrumbs a {
      display: block;
      padding: 5px;
      margin-right: 5px;
      text-decoration: none;
    }

    /* Tabber */
    .mfn-menu-tabs-wrapper {
      display: block;
      width: 100%;
      position: relative;
      margin-bottom: var(--mfn-sidemenu-menu-tabber-spacing);
    }

    .mfn-menu-tabs-wrapper ul.mfn-menu-tabs-nav {
      display: flex;
      width: 100%;
      flex-wrap: wrap;
      list-style-type: none;
      padding: var(--mfn-sidemenu-menu-tabber-padding);
      margin: 0;
      background-color: var(--mfn-sidemenu-menu-tabber-bg);
    }

    .mfn-menu-tabs-wrapper ul.mfn-menu-tabs-nav li {
      flex: 1;
      margin-right: var(--mfn-sidemenu-menu-tabber-tab-spacing);
    }

    .mfn-menu-tabs-wrapper ul.mfn-menu-tabs-nav li:last-child {
      margin-right: 0;
    }

    .mfn-menu-tabs-wrapper ul.mfn-menu-tabs-nav li a {
      display: block;
      text-align: center;
      padding: 5px 10px;
      font-weight: 500;
      text-decoration: none;
      color: var(--mfn-sidemenu-menu-tabber-link);
      transition: all .2s ease-in-out;
    }

    .mfn-menu-tabs-wrapper ul.mfn-menu-tabs-nav li.active a,
    .mfn-menu-tabs-wrapper ul.mfn-menu-tabs-nav li:hover a {
      background-color: var(--mfn-sidemenu-menu-tabber-link-bg-active);
      color: var(--mfn-sidemenu-menu-tabber-link-active);
    }

    .mfn-menu-wrapper {
      display: block;
      position: relative;
      width: 100%;
      overflow: hidden;
    }

    .mfn-menu-tabs-wrapper .mfn-menu-tabs-content {
      display: none;
    }

    .mfn-menu-tabs-wrapper .mfn-menu-tabs-content.active {
      display: block;
    }

    .image_frame.mfn-coverimg {
      display: inline-block;
      width: 100%;
    }

    .image_frame.mfn-coverimg .mfn-coverimg-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      width: 100%;
    }

    .image_frame.mfn-coverimg .mfn-coverimg-wrapper img {
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      -o-object-fit: cover;
      object-fit: cover;
      height: 100%;
      width: 100%;
    }

    .image_frame.mfn-coverimg .mfn-fitimg-wrapper img {
      width: auto;
    }

    /* PAGINATION */

    .mfn-query-pagination {
      --mfn-pagination-items-color: #000;
    }

    .mfn-query-pagination .page-numbers {
      color: var(--mfn-pagination-items-color)
    }

    .mfn-query-pagination {
      position: relative;
      z-index: 1;
      display: flex;
      width: 100%;
      align-items: center;
      justify-content: center;
    }

    .mfn-query-pagination ul.page-numbers {
      display: flex;
      flex-wrap: wrap;
    }

    .mfn-query-pagination ul.page-numbers li a,
    .mfn-query-pagination ul.page-numbers li span {
      display: block;
      padding: 5px;
      position: relative;
      text-align: center;
    }

    .mfn-query-pagination ul.page-numbers li a:hover {
      text-decoration: none;
    }

    /* Pagination - Dots */

    .mfn-query-pagination-dots ul li .page-numbers:not(.prev, .next) {
      text-indent: -999px;
      overflow: hidden;
      display: flex;
      align-items: center;
    }

    .mfn-query-pagination-dots ul li .page-numbers:not(.prev, .next):before {
      content: "";
      display: block;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background-color: var(--mfn-pagination-items-color);
    }

    /* Pagination - prev next */

    .mfn-query-pagination-prevnext ul li .page-numbers:not(.prev, .next) {
      display: none;
    }

    /* Pagination - load more */

    .mfn-query-pagination-loadmore ul li .page-numbers:not(.next) {
      display: none;
    }

    .mfn-query-pagination-loadmore ul li .next.loading {
      color: transparent;
    }

    .mfn-query-pagination-loadmore ul li .next.loading:after {
      color: var(--mfn-pagination-items-color);
      content: "";
      display: block;
      position: absolute;
      left: 50%;
      top: 50%;
      right: auto;
      bottom: auto;
      margin: -10px 0 0 -10px;
      width: 20px;
      height: 20px;
      border-radius: 100%;
      border-width: 2px;
      border-style: solid;
      border-bottom-color: transparent !important;
      background: none;
      transform: none;
      transition: none !important;
      animation: spin 1.5s linear infinite;
    }

    /* Pagination - infinite load */

    .mfn-query-pagination-infiniteload ul li .page-numbers:not(.next) {
      display: none;
    }

    /* Line clamp */
    .column_heading.mfn-line-clamp .title {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }

    /* Item Breadcrumbs */
    .mcb-column.column_breadcrumbs .breadcrumbs {
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      align-items: center;
    }

    .mcb-column.column_breadcrumbs .breadcrumbs li {
      display: flex;
      gap: inherit;
      align-items: center;
    }

    .mcb-column.column_breadcrumbs .breadcrumbs li .mfn-breadcrumbs-separator {
      line-height: 1em;
    }

    .mcb-column.column_breadcrumbs .breadcrumbs a:hover {
      text-decoration: none;
    }

    /* Item share post */
    .mfn-share-post {
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      align-items: center;
      gap: 10px;
    }

    .mfn-share-post .mfn-share-post-button {
      display: flex;
      gap: 5px;
      justify-content: center;
      align-items: center;
      padding: 5px 10px;
      border: 1px solid;
      border-radius: 4px;
    }

    .mfn-share-post .mfn-share-post-button:hover {
      text-decoration: none;
    }

    /* Item Contact Form 7 */
    .column_cf7 input,
    .column_cf7 select,
    .column_cf7 textarea {
      height: auto;
      min-height: 42px;
    }

    .column_cf7 input[type="checkbox"],
    .column_cf7 input[type="radio"] {
      min-height: auto;
    }

    /* Banner box  */

    .mfn-banner-box {
      --mfn-banner-box-animation-duration: .2s;
      --mfn-banner-box-offset: 0px;
      --mfn-banner-box-badge-offset: 20px;
      --mfn-banner-box-desc-bg: #E9ECEF;
      --mfn-banner-box-cta-icon-size: 24px;
      --mfn-banner-box-cta-image-width: 24px;
      --mfn-banner-box-hidden-content-gap: 15px;
    }

    .mfn-banner-box {
      position: relative;
      display: block;
      overflow: hidden;
    }

    .mfn-banner-box .banner-image {
      line-height: 0;
      overflow: hidden;
    }

    .mfn-banner-box .banner-badge {
      position: absolute;
      z-index: 5;
    }

    .mfn-banner-box .banner-desc {
      justify-content: center;
      align-items: center;
      display: flex;
      position: absolute;
      left: 0;
      top: 0;
      box-sizing: border-box;
      margin: var(--mfn-banner-box-offset);
      width: calc(100% - 2*(var(--mfn-banner-box-offset)));
      height: calc(100% - 2*(var(--mfn-banner-box-offset)));
      z-index: 1;
    }

    .mfn-banner-box .banner-wrapper {
      display: flex;
      flex-direction: column;
      align-items: center;
      position: absolute;
      padding: 30px;
      box-sizing: border-box;
      text-align: center;
      transition: all var(--mfn-banner-box-animation-duration) ease-in-out;
    }

    .mfn-banner-box .banner-badge.banner-badge-top-right {
      top: var(--mfn-banner-box-badge-offset);
      right: var(--mfn-banner-box-badge-offset);
    }

    .mfn-banner-box .banner-badge.banner-badge-top-left {
      top: var(--mfn-banner-box-badge-offset);
      left: var(--mfn-banner-box-badge-offset);
    }

    .mfn-banner-box .banner-badge.banner-badge-bottom-right {
      bottom: var(--mfn-banner-box-badge-offset);
      right: var(--mfn-banner-box-badge-offset);
    }

    .mfn-banner-box .banner-badge.banner-badge-bottom-left {
      bottom: var(--mfn-banner-box-badge-offset);
      left: var(--mfn-banner-box-badge-offset);
    }

    .mfn-banner-box .banner-wrapper>.last-visible-el,
    .mfn-banner-box .banner-wrapper>*:last-child,
    .mfn-banner-box .hidden-desc .hidden-wrapper>*:last-child {
      margin-bottom: 0;
    }

    .mfn-banner-box .banner-desc .hidden-desc {
      opacity: 0;
      height: 0;
      transition: all var(--mfn-banner-box-animation-duration) ease-in-out;
    }

    .mfn-banner-box .banner-wrapper .hidden-desc .hidden-wrapper {
      padding-top: var(--mfn-banner-box-hidden-content-gap);
    }

    .mfn-banner-box:hover .banner-desc .hidden-desc {
      opacity: 1;
      height: var(--mfn-banner-box-height);
    }

    /* Content style */
    .mfn-banner-box-boxed .banner-wrapper {
      background-color: #E9ECEF;
      width: 60%;
      max-width: 100%;
      overflow: hidden;
    }

    /* Min-height for image */
    .mfn-banner-box-height .banner-image img {
      object-fit: cover;
      width: 100%;
    }

    /* Elements */
    .mfn-banner-box .title,
    .mfn-banner-box .subtitle,
    .mfn-banner-box .excerpt,
    .mfn-banner-box .banner-cta,
    .mfn-banner-box .banner-badge {
      transition: all var(--mfn-banner-box-animation-duration) ease-in-out;
    }

    /* CTA types */
    .mfn-banner-box .banner-cta {
      display: inline-flex;
    }

    .mfn-banner-box .hidden-desc .banner-cta {
      transition-delay: var(--mfn-banner-box-animation-duration);
    }

    .mfn-banner-box .cta-text {}

    .mfn-banner-box .cta-icon,
    .mfn-banner-box .cta-image {
      align-items: center;
      justify-content: center;
      line-height: 1;
    }

    .mfn-banner-box .cta-icon i {
      font-size: var(--mfn-banner-box-cta-icon-size);
    }

    .mfn-banner-box .cta-image img {
      width: var(--mfn-banner-box-cta-image-width);
    }

    /* CTA Animation */
    .mfn-banner-box-cta-zoom-in .banner-cta {
      transition: all var(--mfn-banner-box-animation-duration) ease-in-out;
    }

    .mfn-banner-box-cta-zoom-in:hover .banner-cta {
      transform: scale(1.1);
    }

    /* Image animation */
    .mfn-banner-box-image-toggle .banner-image img {
      transform: translate(0, 100%);
      transition: all var(--mfn-banner-box-animation-duration) ease-in-out;
    }

    .mfn-banner-box-image-toggle:hover .banner-image img {
      transform: translate(0, 0);
    }

    .mfn-banner-box-image-zoom-in .banner-image img {
      transition: all var(--mfn-banner-box-animation-duration) ease-in-out;
    }

    .mfn-banner-box-image-zoom-in:hover .banner-image img {
      transform: scale(1.1);
    }

    .mfn-banner-box-image-zoom-out .banner-image img {
      transition: all var(--mfn-banner-box-animation-duration) ease-in-out;
      transform: scale(1.1);
    }

    .mfn-banner-box-image-zoom-out:hover .banner-image img {
      transform: scale(1);
    }

    .mfn-banner-box-image-blur .banner-image img {
      transition: all var(--mfn-banner-box-animation-duration) ease-in-out;
      transform: scale(1.03);
    }

    .mfn-banner-box-image-blur:hover .banner-image img {
      filter: blur(6px);
      -webkit-filter: blur(6px);
    }

    /* Image overlay */
    .mfn-banner-box-image-overlay .banner-image:after {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0);
      transition: all var(--mfn-banner-box-animation-duration) ease-in-out;
    }

    .mfn-banner-box-image-overlay:hover .banner-image:after {
      background-color: rgba(0, 0, 0, .6);
    }

    @media only screen and (max-width: 959px) {
      .mfn-banner-box.mfn-show-hidden-elements-on-tablet .banner-desc .hidden-desc {
        opacity: 1;
        height: var(--mfn-banner-box-height);
      }
    }

    @media only screen and (max-width: 767px) {
      .mfn-banner-box.mfn-show-hidden-elements-on-mobile .banner-desc .hidden-desc {
        opacity: 1;
        height: var(--mfn-banner-box-height);
      }
    }




    /* Hotspot point ---------------------------------------------------------------------------------------------------------------- */

    .mfn-image-hotspot {
      --mfn-image-hotspot-marker-default-size: 12px;
      --mfn-image-hotspot-marker-default-border-radius: 100%;
      --mfn-image-hotspot-marker-default-bg: #0089f7;
      --mfn-image-hotspot-marker-default-pulse-bg: #0089f7;
      --mfn-image-hotspot-marker-icon-pulse-bg: #0089f7;
      --mfn-image-hotspot-marker-text-pulse-bg: #0089f7;
      --mfn-image-hotspot-marker-text-color: #161922;
      --mfn-image-hotspot-marker-text-bg: #fff;
      --mfn-image-hotspot-marker-text-padding: 2px 8px;
      --mfn-image-hotspot-marker-icon-size: 30px;
      --mfn-image-hotspot-marker-icon-font-size: 12px;
      --mfn-image-hotspot-marker-icon-border-radius: 100%;
      --mfn-image-hotspot-marker-icon-color: #fff;
      --mfn-image-hotspot-marker-icon-bg: #0089f7;
      --mfn-image-hotspot-content-width: 240px;
      --mfn-image-hotspot-content-bg: #fff;
      --mfn-image-hotspot-box-shadow: 0px 10px 46px 0px rgba(1, 7, 39, .1);
      --mfn-image-hotspot-border-radius: 4px;
      --mfn-image-hotspot-content-offset: 15px;
    }


    .mfn-image-hotspot {
      display: flex;
    }

    .mfn-image-hotspot .hotspot-wrapper {
      display: inline-flex;
      position: relative;
    }

    .mfn-image-hotspot .hotspot-image {
      overflow: hidden;
      line-height: 0;
    }

    .mfn-image-hotspot .hotspot-point {
      position: absolute;
      z-index: 10;
    }

    .mfn-image-hotspot .hotspot-marker {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      position: relative;
    }

    .mfn-image-hotspot .hotspot-content {
      display: none;
      position: absolute;
      padding: 15px;
      box-sizing: border-box;
      width: var(--mfn-image-hotspot-content-width);
      background-color: var(--mfn-image-hotspot-content-bg);
      box-shadow: var(--mfn-image-hotspot-box-shadow);
      border-radius: var(--mfn-image-hotspot-border-radius);
    }

    .mfn-image-hotspot .hotspot-point.is-active .hotspot-content {
      display: block;
    }

    .mfn-image-hotspot .hotspot-point.is-active-force .hotspot-content {
      display: block !important;
    }

    .mfn-image-hotspot .hotspot-point.is-active {
      z-index: 11;
    }

    .mfn-image-hotspot .hotspot-content>*:last-child {
      margin-bottom: 0;
    }

    .mfn-image-hotspot .hotspot-content:before {
      content: "";
      position: absolute;
    }

    /* Min-height for image */
    .mfn-image-hotspot-height .hotspot-image img {
      object-fit: cover;
      width: 100%;
    }

    .mfn-image-hotspot-height.mfn-image-hotspot-height-cover .hotspot-wrapper,
    .mfn-image-hotspot-height.mfn-image-hotspot-height-cover .hotspot-wrapper .hotspot-image {
      width: 100%;
    }

    /* Hotspot align */
    /*.mfn-image-hotspot-left { justify-content: left; }
.mfn-image-hotspot-center { justify-content: center; }
.mfn-image-hotspot-right { justify-content: right; }*/

    /* Points */
    .mfn-image-hotspot .marker-default {
      width: var(--mfn-image-hotspot-marker-default-size);
      height: var(--mfn-image-hotspot-marker-default-size);
      border-radius: var(--mfn-image-hotspot-marker-default-border-radius);
      background-color: var(--mfn-image-hotspot-marker-default-bg);
    }

    .mfn-image-hotspot .marker-text {
      color: var(--mfn-image-hotspot-marker-text-color);
      background-color: var(--mfn-image-hotspot-marker-text-bg);
      padding: var(--mfn-image-hotspot-marker-text-padding);
      border-radius: 3px;
    }

    .mfn-image-hotspot .marker-icon {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: var(--mfn-image-hotspot-marker-icon-size);
      height: var(--mfn-image-hotspot-marker-icon-size);
      border-radius: var(--mfn-image-hotspot-marker-icon-border-radius);
      background-color: var(--mfn-image-hotspot-marker-icon-bg);
      color: var(--mfn-image-hotspot-marker-icon-color);
    }

    .mfn-image-hotspot .marker-icon i {
      font-size: var(--mfn-image-hotspot-marker-icon-font-size);
    }

    .mfn-image-hotspot a.hotspot-marker:hover {
      text-decoration: none;
    }

    /* Visibility */
    @media only screen and (min-width: 960px) and (max-width: 1440px) {
      .mfn-image-hotspot-hide-laptop .hotspot-point {
        display: none;
      }
    }

    @media only screen and (min-width: 768px) and (max-width: 959px) {
      .mfn-image-hotspot-hide-tablet .hotspot-point {
        display: none;
      }
    }

    @media(max-width: 767px) {
      .mfn-image-hotspot-hide-mobile .hotspot-point {
        display: none;
      }
    }

    /* Points alignment */
    .hotspot-point-left .hotspot-content,
    .hotspot-point-right .hotspot-content {
      top: 50%;
      transform: translateY(-50%);
    }

    .hotspot-point-left .hotspot-content:before,
    .hotspot-point-right .hotspot-content:before {
      width: var(--mfn-image-hotspot-content-offset);
      height: 100%;
      top: 0;
    }

    .hotspot-point-left .hotspot-content {
      right: calc(100% + var(--mfn-image-hotspot-content-offset));
    }

    .hotspot-point-left .hotspot-content:before {
      left: 100%;
    }

    .hotspot-point-right .hotspot-content {
      left: calc(100% + var(--mfn-image-hotspot-content-offset));
    }

    .hotspot-point-right .hotspot-content:before {
      right: 100%;
    }

    .hotspot-point-top .hotspot-content,
    .hotspot-point-bottom .hotspot-content {
      left: calc(50% - (0.5 * var(--mfn-image-hotspot-content-width)));
    }

    .hotspot-point-top .hotspot-content:before,
    .hotspot-point-bottom .hotspot-content:before {
      height: var(--mfn-image-hotspot-content-offset);
      width: 100%;
      left: 0;
    }

    .hotspot-point-top .hotspot-content {
      bottom: calc(100% + var(--mfn-image-hotspot-content-offset));
    }

    .hotspot-point-top .hotspot-content:before {
      top: 100%;
    }

    .hotspot-point-bottom .hotspot-content {
      top: calc(100% + var(--mfn-image-hotspot-content-offset));
    }

    .hotspot-point-bottom .hotspot-content:before {
      bottom: 100%;
    }

    @media(max-width: 1440px) {

      .hotspot-point-laptop-left .hotspot-content,
      .hotspot-point-laptop-right .hotspot-content,
      .hotspot-point-laptop-top .hotspot-content,
      .hotspot-point-laptop-bottom .hotspot-content {
        left: auto;
        right: auto;
        top: auto;
        bottom: auto;
        transform: unset;
      }

      .hotspot-point-laptop-left .hotspot-content:before,
      .hotspot-point-laptop-right .hotspot-content:before,
      .hotspot-point-laptop-top .hotspot-content:before,
      .hotspot-point-laptop-bottom .hotspot-content:before {
        left: auto;
        right: auto;
        top: auto;
        bottom: auto;
        height: unset;
        width: unset;
      }

      .hotspot-point-laptop-left .hotspot-content,
      .hotspot-point-laptop-right .hotspot-content {
        top: 50%;
        transform: translateY(-50%);
      }

      .hotspot-point-laptop-left .hotspot-content:before,
      .hotspot-point-laptop-right .hotspot-content:before {
        width: var(--mfn-image-hotspot-content-offset);
        height: 100%;
        top: 0;
      }

      .hotspot-point-laptop-left .hotspot-content {
        right: calc(100% + var(--mfn-image-hotspot-content-offset));
      }

      .hotspot-point-laptop-left .hotspot-content:before {
        left: 100%;
      }

      .hotspot-point-laptop-right .hotspot-content {
        left: calc(100% + var(--mfn-image-hotspot-content-offset));
      }

      .hotspot-point-laptop-right .hotspot-content:before {
        right: 100%;
      }

      .hotspot-point-laptop-top .hotspot-content,
      .hotspot-point-laptop-bottom .hotspot-content {
        left: calc(50% - (0.5 * var(--mfn-image-hotspot-content-width)));
      }

      .hotspot-point-laptop-top .hotspot-content:before,
      .hotspot-point-laptop-bottom .hotspot-content:before {
        height: var(--mfn-image-hotspot-content-offset);
        width: 100%;
        left: 0;
      }

      .hotspot-point-laptop-top .hotspot-content {
        bottom: calc(100% + var(--mfn-image-hotspot-content-offset));
      }

      .hotspot-point-laptop-top .hotspot-content:before {
        top: 100%;
      }

      .hotspot-point-laptop-bottom .hotspot-content {
        top: calc(100% + var(--mfn-image-hotspot-content-offset));
      }

      .hotspot-point-laptop-bottom .hotspot-content:before {
        bottom: 100%;
      }

    }


    @media(max-width: 959px) {

      .hotspot-point-tablet-left .hotspot-content,
      .hotspot-point-tablet-right .hotspot-content,
      .hotspot-point-tablet-top .hotspot-content,
      .hotspot-point-tablet-bottom .hotspot-content {
        left: auto;
        right: auto;
        top: auto;
        bottom: auto;
        transform: unset;
      }

      .hotspot-point-tablet-left .hotspot-content:before,
      .hotspot-point-tablet-right .hotspot-content:before,
      .hotspot-point-tablet-top .hotspot-content:before,
      .hotspot-point-tablet-bottom .hotspot-content:before {
        left: auto;
        right: auto;
        top: auto;
        bottom: auto;
        height: unset;
        width: unset;
      }

      .hotspot-point-tablet-left .hotspot-content,
      .hotspot-point-tablet-right .hotspot-content {
        top: 50%;
        transform: translateY(-50%);
      }

      .hotspot-point-tablet-left .hotspot-content:before,
      .hotspot-point-tablet-right .hotspot-content:before {
        width: var(--mfn-image-hotspot-content-offset);
        height: 100%;
        top: 0;
      }

      .hotspot-point-tablet-left .hotspot-content {
        right: calc(100% + var(--mfn-image-hotspot-content-offset));
      }

      .hotspot-point-tablet-left .hotspot-content:before {
        left: 100%;
      }

      .hotspot-point-tablet-right .hotspot-content {
        left: calc(100% + var(--mfn-image-hotspot-content-offset));
      }

      .hotspot-point-tablet-right .hotspot-content:before {
        right: 100%;
      }

      .hotspot-point-tablet-top .hotspot-content,
      .hotspot-point-tablet-bottom .hotspot-content {
        left: calc(50% - (0.5 * var(--mfn-image-hotspot-content-width)));
      }

      .hotspot-point-tablet-top .hotspot-content:before,
      .hotspot-point-tablet-bottom .hotspot-content:before {
        height: var(--mfn-image-hotspot-content-offset);
        width: 100%;
        left: 0;
      }

      .hotspot-point-tablet-top .hotspot-content {
        bottom: calc(100% + var(--mfn-image-hotspot-content-offset));
      }

      .hotspot-point-tablet-top .hotspot-content:before {
        top: 100%;
      }

      .hotspot-point-tablet-bottom .hotspot-content {
        top: calc(100% + var(--mfn-image-hotspot-content-offset));
      }

      .hotspot-point-tablet-bottom .hotspot-content:before {
        bottom: 100%;
      }

    }

    @media(max-width: 767px) {

      .hotspot-point-mobile-left .hotspot-content,
      .hotspot-point-mobile-right .hotspot-content,
      .hotspot-point-mobile-top .hotspot-content,
      .hotspot-point-mobile-bottom .hotspot-content {
        left: auto;
        right: auto;
        top: auto;
        bottom: auto;
        transform: unset;
      }

      .hotspot-point-mobile-left .hotspot-content:before,
      .hotspot-point-mobile-right .hotspot-content:before,
      .hotspot-point-mobile-top .hotspot-content:before,
      .hotspot-point-mobile-bottom .hotspot-content:before {
        left: auto;
        right: auto;
        top: auto;
        bottom: auto;
        height: unset;
        width: unset;
      }

      .hotspot-point-mobile-left .hotspot-content,
      .hotspot-point-mobile-right .hotspot-content {
        top: 50%;
        transform: translateY(-50%);
      }

      .hotspot-point-mobile-left .hotspot-content:before,
      .hotspot-point-mobile-right .hotspot-content:before {
        width: var(--mfn-image-hotspot-content-offset);
        height: 100%;
        top: 0;
      }

      .hotspot-point-mobile-left .hotspot-content {
        right: calc(100% + var(--mfn-image-hotspot-content-offset));
      }

      .hotspot-point-mobile-left .hotspot-content:before {
        left: 100%;
      }

      .hotspot-point-mobile-right .hotspot-content {
        left: calc(100% + var(--mfn-image-hotspot-content-offset));
      }

      .hotspot-point-mobile-right .hotspot-content:before {
        right: 100%;
      }

      .hotspot-point-mobile-top .hotspot-content,
      .hotspot-point-mobile-bottom .hotspot-content {
        left: calc(50% - (0.5 * var(--mfn-image-hotspot-content-width)));
      }

      .hotspot-point-mobile-top .hotspot-content:before,
      .hotspot-point-mobile-bottom .hotspot-content:before {
        height: var(--mfn-image-hotspot-content-offset);
        width: 100%;
        left: 0;
      }

      .hotspot-point-mobile-top .hotspot-content {
        bottom: calc(100% + var(--mfn-image-hotspot-content-offset));
      }

      .hotspot-point-mobile-top .hotspot-content:before {
        top: 100%;
      }

      .hotspot-point-mobile-bottom .hotspot-content {
        top: calc(100% + var(--mfn-image-hotspot-content-offset));
      }

      .hotspot-point-mobile-bottom .hotspot-content:before {
        bottom: 100%;
      }

    }

    /* Marker animation */
    .mfn-image-hotspot-point-pulse .hotspot-marker {
      animation: hotspot-marker-pulse ease-in-out 1.5s infinite;
    }

    .mfn-image-hotspot-point-pulse .hotspot-marker.marker-icon {
      animation: hotspot-marker-icon-pulse ease-in-out 1.5s infinite;
    }

    .mfn-image-hotspot-point-pulse .hotspot-marker.marker-text {
      animation: hotspot-marker-text-pulse ease-in-out 1.5s infinite;
    }

    .mfn-image-hotspot-point-scale .hotspot-marker {
      animation: hotspot-marker-scale ease-in-out 1.2s infinite;
    }

    .mfn-image-hotspot-point-bounce .hotspot-marker {
      animation: hotspot-marker-bounce 1.2s ease infinite;
    }


    @keyframes hotspot-marker-pulse {
      0% {
        outline: 0px solid var(--mfn-image-hotspot-marker-default-pulse-bg);
      }

      100% {
        outline: 15px solid rgba(0, 0, 0, 0);
      }
    }

    @keyframes hotspot-marker-icon-pulse {
      0% {
        outline: 0px solid var(--mfn-image-hotspot-marker-icon-pulse-bg);
      }

      100% {
        outline: 15px solid rgba(0, 0, 0, 0);
      }
    }

    @keyframes hotspot-marker-text-pulse {
      0% {
        outline: 0px solid var(--mfn-image-hotspot-marker-text-pulse-bg);
      }

      100% {
        outline: 15px solid rgba(0, 0, 0, 0);
      }
    }

    @keyframes hotspot-marker-scale {
      0% {
        transform: scale(1);
      }

      60% {
        transform: scale(1.15);
      }

      100% {
        transform: scale(1);
      }
    }

    @keyframes hotspot-marker-bounce {
      0% {
        transform: translateY(0);
      }

      50% {
        transform: translateY(-15%);
      }

      100% {
        transform: translateY(0);
      }
    }

    /* Content animation */
    .mfn-image-hotspot-content-fadeIn .hotspot-content {
      display: block;
      opacity: 0;
      transition: 0.3s opacity ease-in-out;
      transform: scale(0);
    }

    .mfn-image-hotspot-content-fadeIn .hotspot-point.is-active .hotspot-content {
      opacity: 1;
      transform: scale(1);
    }

    .mfn-hotspot-style-line canvas {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2;
      pointer-events: none;
      width: 100%;
      height: 100%;
    }

    .mcb-item-icon_2-inner .mfn-icon-2 {
      display: flex;
      align-items: center;
      justify-content: center;
      line-height: 1em;
    }

    .column.mfn-read-more-hidden {
      display: none;
    }
  </style>
  <!-- responsive.css -->
  <style type="text/css">

    /* > 1240 ------------------------------------------------------------------------------------------------------------- > 1240 */

    @media only screen and (min-width: 1240px) {
      .layout-boxed {
        padding: 25px
      }

      .layout-boxed.boxed-no-margin {
        padding: 0;
      }

      .hover_color:hover .hover_color_bg,
      .hover_color.hover .hover_color_bg {
        background-color: inherit !important;
        border-color: inherit !important
      }
    }


    /* #Header Creative always Open	1240 - 1489 ----------------------------------------- #Header Creative always Open 1240 - 1489 */

    @media only screen and (min-width: 1240px) and (max-width: 1489px) {

      .header-open .section_wrapper,
      .header-open .container,
      .header-open.with_aside .content_wrapper {
        max-width: 940px;
      }

      .header-open.with_aside .section_wrapper {
        max-width: 100%;
      }

      /* -------------------- */

      /* Google maps */
      .header-open .section.full-width .wrap.one .column_map.one .google-map-contact-wrapper {
        left: auto;
        right: 50px;
      }

      /* Offer slider */
      .header-open .offer .offer_li .desc_wrapper {
        width: 436px;
        width: calc(50% - 42px)
      }
    }


    /* < 1240 ------------------------------------------------------------------------------------------------------------- < 1240 */

    @media only screen and (max-width: 1239px) {

      /* iOS phone number linking */
      a[href^=tel] {
        color: inherit;
        text-decoration: none
      }

      /* Hover Effect */
      .no-hover-tablet a.button:after,
      .no-hover-tablet a.tp-button:after,
      .no-hover-tablet button:after,
      .no-hover-tablet input:after {
        display: none
      }

      .no-hover-tablet .image_frame .image_wrapper img {
        top: 0 !important
      }

      .no-hover-tablet .image_frame:not(.no_link) .image_wrapper img:not(.ls-l) {
        margin-bottom: 0 !important
      }

      .no-hover-tablet .image_frame .image_wrapper .mask,
      .no-hover-tablet .image_frame .image_wrapper .image_links {
        display: none !important
      }

      /* Section Background Image */
      .no-section-bg-tablet .section {
        background-image: none !important
      }

      /* Google maps */
      .section.full-width .wrap.one .column_map.one .google-map-contact-wrapper {
        left: auto;
        right: 50px;
      }
    }


    /* #Desktop	960 - 1239 ---------------------------------------------------------------------------------- #Desktop	960 - 1239 */

    @media only screen and (min-width: 960px) and (max-width: 1239px) {

      .section_wrapper,
      .container,
      .with_aside .content_wrapper {
        max-width: 940px;
      }

      /* -------------------- */

      /* Blog | Columns | Grid, Masonry */
      .posts_group.grid.col-5 .post-item,
      .posts_group.masonry.col-5 .post-item,
      .posts_group.grid.col-6 .post-item,
      .posts_group.masonry.col-6 .post-item {
        width: 22.99%
      }

      .posts_group.grid.col-5 .post-item:nth-child(5n+1) {
        clear: none
      }

      .posts_group.grid.col-6 .post-item:nth-child(6n+1) {
        clear: none
      }

      .posts_group.grid.col-5 .post-item:nth-child(4n+1) {
        clear: both
      }

      .posts_group.grid.col-6 .post-item:nth-child(4n+1) {
        clear: both
      }

      /* Latest News */
      .column.one-fourth .Latest_news ul .desc .date i {
        display: none
      }



      /* Button */
      a.button.kill_the_icon .button_icon {
        padding-left: 10px;
        padding-right: 10px;
      }

      a.button.kill_the_icon .button_label {
        padding-left: 15px;
        padding-right: 15px;
      }

      /* Offer slider */
      .offer .offer_li .desc_wrapper {
        width: 436px;
        width: calc(50% - 42px)
      }


    }


    /* #Desktop	> 960 -------------------------------------------------------------------------------------------- #Desktop	> 960 */

    @media only screen and (min-width: 960px) {

      .mfn-ofcs-opened {
        padding-right: 15px
      }

      /* <html> class */
    }

    @media only screen and (min-width: 1441px) {
      .hide-desktop {
        display: none !important
      }

      .arrows-hide-desktop .mfn-swiper-arrow {
        display: none !important
      }

      .arrows-hide-desktop.mfn-arrows-standard .swiper {
        margin: 0 auto;
        flex: 0 0 100%;
      }

      .dots-hide-desktop .swiper-pagination {
        display: none !important
      }

      .sticky-desktop {
        position: sticky;
        z-index: 2;
        top: var(--sticky-offset-desktop, 0)
      }

    }

    @media only screen and (min-width: 960px) and (max-width: 1440px) {

      .hide-laptop {
        display: none !important
      }

      .arrows-hide-laptop .mfn-swiper-arrow {
        display: none !important
      }

      .arrows-hide-laptop.mfn-arrows-standard .swiper {
        margin: 0 auto;
        flex: 0 0 100%;
      }

      .dots-hide-laptop .swiper-pagination {
        display: none !important
      }

      .sticky-laptop {
        position: sticky;
        z-index: 2;
        top: var(--sticky-offset-laptop, 0)
      }

      /* .mcb-wrap */
      .laptop-one-sixth.mcb-wrap {
        width: 16.666%;
      }

      /* 1/6 */
      .laptop-one-fifth.mcb-wrap {
        width: 20%;
      }

      /* 1/5 */
      .laptop-one-fourth.mcb-wrap {
        width: 25%;
      }

      /* 1/4 */
      .laptop-one-third.mcb-wrap {
        width: 33.333%;
      }

      /* 1/3 */
      .laptop-two-fifth.mcb-wrap {
        width: 40%;
      }

      /* 2/5 */

      .laptop-one-second.mcb-wrap {
        width: 50%;
      }

      /* 1/2 */
      .laptop-three-fifth.mcb-wrap {
        width: 60%;
      }

      /* 3/5 */
      .laptop-two-third.mcb-wrap {
        width: 66.666%;
      }

      /* 2/3 */
      .laptop-three-fourth.mcb-wrap {
        width: 75%;
      }

      /* 3/4 */
      .laptop-four-fifth.mcb-wrap {
        width: 80%;
      }

      /* 4/5 */
      .laptop-five-sixth.mcb-wrap {
        width: 83.333%;
      }

      /* 5/6 */
      .laptop-one.mcb-wrap {
        width: 100%;
      }

      /* 1/1 */

      /* .column */
      .laptop-one-sixth.column {
        width: 16.666%;
      }

      /* 1/6 */
      .laptop-one-fifth.column {
        width: 20%;
      }

      /* 1/5 */
      .laptop-one-fourth.column,
      .laptop-four.columns {
        width: 25%;
      }

      /* 1/4 */
      .laptop-one-third.column {
        width: 33.333%;
      }

      /* 1/3 */
      .laptop-two-fifth.column {
        width: 40%;
      }

      /* 2/5 */

      .laptop-one-second.column {
        width: 50%;
      }

      /* 1/2 */
      .laptop-three-fifth.column {
        width: 60%;
      }

      /* 3/5 */
      .laptop-two-third.column {
        width: 66.666%;
      }

      /* 2/3 */
      .laptop-three-fourth.column {
        width: 75%;
      }

      /* 3/4 */
      .laptop-four-fifth.column {
        width: 80%;
      }

      /* 4/5 */
      .laptop-five-sixth.column {
        width: 83.333%;
      }

      /* 5/6 */
      .laptop-one.column {
        width: 100%;
      }

      /* 1/1 */
    }

    /* #Tablet < 959 --------------------------------------------------------------- #Tablet & Mobile < 959 */

    @media only screen and (max-width: 959px) {
      .section {
        background-attachment: scroll !important
      }
    }

    /* #Tablet (Landscape) 768 - 959 --------------------------------------------------------------- #Tablet (Landscape) 768 - 959 */

    @media only screen and (min-width: 768px) and (max-width: 959px) {

      .section_wrapper,
      .container,
      .with_aside .content_wrapper {
        max-width: 708px;
      }

      .mcb-wrap[data-tablet~="no-up"] {
        margin-top: 0 !important
      }

      .no-sec-padding .mcb-section .section_wrapper {
        padding-left: 0 !important;
        padding-right: 0 !important
      }

      .sticky-tablet {
        position: sticky;
        z-index: 2;
        top: var(--sticky-offset-tablet, 0)
      }

      /* -------------------- */

      /* .mcb-wrap */
      .tablet-one-sixth.mcb-wrap {
        width: 16.666%;
      }

      /* 1/6 */
      .tablet-one-fifth.mcb-wrap {
        width: 20%;
      }

      /* 1/5 */
      .tablet-one-fourth.mcb-wrap {
        width: 25%;
      }

      /* 1/4 */
      .tablet-one-third.mcb-wrap {
        width: 33.333%;
      }

      /* 1/3 */
      .tablet-two-fifth.mcb-wrap {
        width: 40%;
      }

      /* 2/5 */

      .tablet-one-second.mcb-wrap {
        width: 50%;
      }

      /* 1/2 */
      .tablet-three-fifth.mcb-wrap {
        width: 60%;
      }

      /* 3/5 */
      .tablet-two-third.mcb-wrap {
        width: 66.666%;
      }

      /* 2/3 */
      .tablet-three-fourth.mcb-wrap {
        width: 75%;
      }

      /* 3/4 */
      .tablet-four-fifth.mcb-wrap {
        width: 80%;
      }

      /* 4/5 */
      .tablet-five-sixth.mcb-wrap {
        width: 83.333%;
      }

      /* 5/6 */
      .tablet-one.mcb-wrap {
        width: 100%;
      }

      /* 1/1 */

      /* .column */
      .tablet-one-sixth.column {
        width: 16.666%;
      }

      /* 1/6 */
      .tablet-one-fifth.column {
        width: 20%;
      }

      /* 1/5 */
      .tablet-one-fourth.column,
      .tablet-four.columns {
        width: 25%;
      }

      /* 1/4 */
      .tablet-one-third.column {
        width: 33.333%;
      }

      /* 1/3 */
      .tablet-two-fifth.column {
        width: 40%;
      }

      /* 2/5 */

      .tablet-one-second.column {
        width: 50%;
      }

      /* 1/2 */
      .tablet-three-fifth.column {
        width: 60%;
      }

      /* 3/5 */
      .tablet-two-third.column {
        width: 66.666%;
      }

      /* 2/3 */
      .tablet-three-fourth.column {
        width: 75%;
      }

      /* 3/4 */
      .tablet-four-fifth.column {
        width: 80%;
      }

      /* 4/5 */
      .tablet-five-sixth.column {
        width: 83.333%;
      }

      /* 5/6 */
      .tablet-one.column {
        width: 100%;
      }

      /* 1/1 */

      /* -------------------- */

      .hide-tablet {
        display: none !important
      }

      .arrows-hide-tablet .mfn-swiper-arrow {
        display: none !important
      }

      .arrows-hide-tablet.mfn-arrows-standard .swiper {
        margin: 0 auto;
        flex: 0 0 100%;
      }

      .dots-hide-tablet .swiper-pagination {
        display: none !important
      }

      /* Offer slider */
      .offer .offer_li .desc_wrapper {
        width: 324px;
        width: calc(50% - 42px)
      }

      /* Buttons */
      a.kill_the_icon .button_icon,
      .widget-area a.button .button_icon {
        display: none
      }

      .button-stroke a.button_left.button.kill_the_icon .button_label {
        padding-left: 20px
      }

      .button-stroke a.button_left.button_large.kill_the_icon .button_label {
        padding-left: 30px
      }

      .button-stroke a.button_right.button.kill_the_icon .button_label {
        padding-right: 20px
      }

      .button-stroke a.button_right.button_large.kill_the_icon .button_label {
        padding-right: 30px
      }

      .button-flat a.button_left.button.kill_the_icon .button_label {
        padding-left: 20px
      }

      .button-flat a.button_left.button_large.kill_the_icon .button_label {
        padding-left: 30px
      }

      .button-flat a.button_right.button.kill_the_icon .button_label {
        padding-right: 20px
      }

      .button-flat a.button_right.button_large.kill_the_icon .button_label {
        padding-right: 30px
      }

      .button-round a.button_left.button.kill_the_icon .button_label {
        padding-left: 20px
      }

      .button-round a.button_left.button_large.kill_the_icon .button_label {
        padding-left: 30px
      }

      .button-round a.button_right.button.kill_the_icon .button_label {
        padding-right: 20px
      }

      .button-round a.button_right.button_large.kill_the_icon .button_label {
        padding-right: 30px
      }

      /* Trailer box */
      .trailer_box.horizontal .desc {
        padding-bottom: 15px
      }

      .trailer_box.horizontal .desc h2 {
        font-size: 21px;
        line-height: 21px
      }

      .trailer_box.horizontal .desc .subtitle {
        margin-bottom: 5px
      }

      /* Easy Digital Downloads */
      .edd_downloads_list .edd_download {
        width: 50% !important
      }

      .edd_downloads_list .edd_download:nth-child(5n+3) {
        clear: both
      }

      .edd_downloads_list .edd_download .edd_download_inner {
        margin: 0 5% 20px
      }
    }


    /* #Desktop & Tablet (Landscape) > 768 --------------------------------------------------- #Desktop & Tablet (Landscape) > 768 */

    @media only screen and (min-width: 768px) {
      .section.full-width-ex-mobile>.section_wrapper {
        max-width: 100% !important
      }

      /* Header | Placeholder */
      .header-creative .header_placeholder,
      .header-empty .header_placeholder,
      .header-fixed .header_placeholder,
      .header-modern .header_placeholder,
      .header-semi .header_placeholder,
      .header-simple .header_placeholder,
      .header-transparent .header_placeholder {
        height: 0 !important
      }

      .tr-menu .header_placeholder {
        height: 0 !important
      }

    }

    /* #Tablet (Portrait) & Mobile < 768 ------------------------------------------------------- #Tablet (Portrait) & Mobile < 768 */

    @media only screen and (max-width: 767px) {

      .section_wrapper .mcb-wrap,
      .section_wrapper .column,
      .container .column {
        margin: 0;
        width: 100%;
        clear: both;
      }

      .sections_group,
      .four.columns {
        margin: 0;
        width: 100% !important;
        clear: both;
      }

      .aside_both .sections_group {
        margin: 0 auto !important;
      }

      .content_wrapper .section_wrapper,
      .container,
      .four.columns .widget-area {
        max-width: 700px !important;
      }

      .content_wrapper .section:not(.full-width)>.section_wrapper .section_wrapper {
        padding-left: 0 !important;
        padding-right: 0 !important;
      }

      .positioning-container {
        top: 0 !important;
      }

      /* Double padding fix for templates */

      .left-sidebar .items_group,
      .right-sidebar .items_group,
      .with_aside .content_wrapper {
        max-width: 100%
      }

      .mobile-sidebar-first.with_aside .content_wrapper {
        display: flex;
        flex-direction: column
      }

      .mobile-sidebar-first.with_aside .sections_group {
        order: 2
      }



      /*.content_wrapper .mcb-column-inner{margin:0 0 20px;height:auto!important;}*/

      .content_wrapper .mcb-column-inner {
        margin: 0 0 20px
      }

      .content_wrapper .mfn-column-absolute .mcb-column-inner {
        margin: 0;
      }

      .equal-height .mcb-wrap .mcb-column-inner,
      .equal-height.no-margin-v .mcb-wrap .mcb-column-inner,
      .equal-height .column-margin-0px .mcb-column-inner {
        height: auto !important
      }



      .four.columns {
        margin: auto 0 !important;
      }

      .mcb-wrap[data-mobile~="no-up"] {
        margin-top: 0 !important
      }

      .no-sec-padding .mcb-section .section_wrapper,
      .no-sec-padding-mob .mcb-section .section_wrapper {
        padding-left: 0 !important;
        padding-right: 0 !important
      }

      .mcb-wrap.wrap-sticky-spacer {
        min-height: unset
      }

      .mcb-wrap.wrap-sticky-rails {
        position: static;
        min-height: unset !important
      }

      /*.mcb-wrap.sticky{position:static!important}*/

      .mcb-section.wrap-reverse>.mcb-section-inner,
      .mcb-wrap.column-reverse>.mcb-wrap-inner {
        flex-direction: column-reverse
      }

      .mcb-section.wrap-reverse-rows>.mcb-section-inner,
      .mcb-wrap.column-reverse-rows>.mcb-wrap-inner {
        flex-direction: row-reverse
      }

      /* Fullscreen section */
      .section.full-screen {
        height: auto;
      }

      .sticky-mobile {
        position: sticky;
        z-index: 2;
        top: var(--sticky-offset-mobile, 0)
      }

      /* -------------------- */

      /* .mcb-wrap */
      .mobile-one-sixth.mcb-wrap {
        width: 16.666%;
      }

      /* 1/6 */
      .mobile-one-fifth.mcb-wrap {
        width: 20%;
      }

      /* 1/5 */
      .mobile-one-fourth.mcb-wrap {
        width: 25%;
      }

      /* 1/4 */
      .mobile-one-third.mcb-wrap {
        width: 33.333%;
      }

      /* 1/3 */
      .mobile-two-fifth.mcb-wrap {
        width: 40%;
      }

      /* 2/5 */

      .mobile-one-second.mcb-wrap {
        width: 50%;
      }

      /* 1/2 */
      .mobile-three-fifth.mcb-wrap {
        width: 60%;
      }

      /* 3/5 */
      .mobile-two-third.mcb-wrap {
        width: 66.666%;
      }

      /* 2/3 */
      .mobile-three-fourth.mcb-wrap {
        width: 75%;
      }

      /* 3/4 */
      .mobile-four-fifth.mcb-wrap {
        width: 80%;
      }

      /* 4/5 */
      .mobile-five-sixth.mcb-wrap {
        width: 83.333%;
      }

      /* 5/6 */
      .mobile-one.mcb-wrap {
        width: 100%;
      }

      /* 1/1 */

      /* .column */
      .mobile-one-sixth.column {
        width: 16.666%;
      }

      /* 1/6 */
      .mobile-one-fifth.column {
        width: 20%;
      }

      /* 1/5 */
      .mobile-one-fourth.column,
      .mobile-four.columns {
        width: 25%;
      }

      /* 1/4 */
      .mobile-one-third.column {
        width: 33.333%;
      }

      /* 1/3 */
      .mobile-two-fifth.column {
        width: 40%;
      }

      /* 2/5 */

      .mobile-one-second.column {
        width: 50%;
      }

      /* 1/2 */
      .mobile-three-fifth.column {
        width: 60%;
      }

      /* 3/5 */
      .mobile-two-third.column {
        width: 66.666%;
      }

      /* 2/3 */
      .mobile-three-fourth.column {
        width: 75%;
      }

      /* 3/4 */
      .mobile-four-fifth.column {
        width: 80%;
      }

      /* 4/5 */
      .mobile-five-sixth.column {
        width: 83.333%;
      }

      /* 5/6 */
      .mobile-one.column {
        width: 100%;
      }

      /* 1/1 */

      /* -------------------- */

      /* Column | Align */

      .column_attr.mobile_align_left {
        text-align: left
      }

      .column_attr.mobile_align_right {
        text-align: right
      }

      .column_attr.mobile_align_center {
        text-align: center
      }

      .column_attr.mobile_align_justify {
        text-align: justify
      }

      .boxed2fw {
        padding: 0 !important
      }

      .column_placeholder>.placeholder {
        height: 0
      }

      /* Sections */
      .highlight-left .section_wrapper,
      .highlight-right .section_wrapper {
        max-width: 100% !important;
        padding: 0 !important
      }

      .highlight-left .section_wrapper .wrap,
      .highlight-right .section_wrapper .wrap {
        padding: 0 33px
      }

      .highlight-left.full-screen>.section_wrapper,
      .highlight-right.full-screen>.section_wrapper {
        padding: 0 !important
      }

      .section.has-navi .section-nav.prev {
        top: 10px
      }

      .section.has-navi .section-nav.next {
        bottom: 10px
      }

      .hide-mobile {
        display: none !important
      }

      .arrows-hide-mobile .mfn-swiper-arrow {
        display: none !important
      }

      .arrows-hide-mobile.mfn-arrows-standard .swiper {
        margin: 0 auto;
        flex: 0 0 100%;
      }

      .dots-hide-mobile .swiper-pagination {
        display: none !important
      }

      /* Sidebar */
      .mcb-sidebar {
        padding: 0;
        min-height: unset !important;
        border: 0 !important;
      }

      .mcb-sidebar:after,
      .mcb-sidebar:before {
        display: none
      }

      .inner-wrapper-sticky {
        position: static !important;
        transform: none !important
      }

      .widget-area {
        height: auto !important;
        margin: 0 auto 20px !important;
        box-sizing: content-box
      }

      .widget:after {
        width: 100%
      }

      /* Back to top */

      #back_to_top {
        float: none;
        margin: -10px 0 10px
      }

      #back_to_top.in_footer,
      #back_to_top.sticky {
        right: 20px !important;
        margin: 0
      }

      /* Blog --------------- */

      .classic .post-photo-wrapper {
        width: 100%;
        float: none
      }

      .classic .post-desc-wrapper {
        width: 100%;
        float: none
      }

      .classic .post-meta .author-date .author .label {
        display: none
      }

      .classic .post-meta .category {
        display: none
      }

      .classic .post-desc-wrapper .post-footer .button-love .love-text {
        display: none
      }

      .classic .post-desc-wrapper .post-desc {
        padding: 15px 0 0
      }

      /* Blog | Masonry */
      .grid .post-item,
      .masonry .post-item {
        width: 100% !important;
        margin: 0 0 20px !important
      }

      /* Blog | Photo */
      .photo .post-desc .post-head {
        margin-bottom: 5px
      }

      .photo .post-desc .post-head .post-meta .category {
        display: none
      }

      .photo .post-desc .post-head .post-meta .author-date {
        margin-right: 10px
      }

      /* Blog | Photo 2 */
      .photo2 .post-item {
        margin-bottom: 40px
      }

      .photo2 .post .post-desc-wrapper {
        width: 100%;
        top: 0
      }

      .photo2 .post.no-img {
        margin-bottom: 40px
      }

      .photo2 .post.no-img .button-love {
        right: 25px
      }

      .photo2.col-2 .post-item,
      .photo2.col-3 .post-item {
        width: 100%;
        margin: 0 0 40px
      }

      /* Post header */
      .post-header .button-love {
        width: 69px
      }

      .post-header .title_wrapper {
        margin-left: 69px;
        padding-left: 20px
      }

      .post-header .title_wrapper h1 {
        font-size: 27px;
        line-height: 27px
      }

      .post-header .post-meta .category {
        display: none
      }

      /* Single photo wrapper */
      .single-photo-wrapper .image_frame {
        max-width: 100% !important;
        margin-left: 0
      }

      .single-photo-wrapper .share_wrapper {
        float: none;
        padding: 5px 15px 0;
        margin-bottom: 20px;
        width: auto
      }

      .no-share-mobile .single-photo-wrapper .share_wrapper {
        display: none
      }

      .wp-caption-text.hide-mobile {
        display: none
      }

      /* Share simple */
      .no-share-mobile .share-simple-wrapper,
      .no-share-mobile .section-post-intro-share {
        display: none
      }

      /* Project decription */
      .project-description li,
      .project-description li.one-third {
        width: 100%;
        border-width: 0 0 1px
      }

      .project-description li:last-child {
        border-bottom: 0
      }

      /* Alert */
      .alert .alert_wrapper {
        flex-wrap: wrap;
      }

      .alert .wc-forward {
        margin-left: unset;
      }

      /* Call to action */
      .call_to_action .call_left,
      .call_to_action .call_center,
      .call_to_action .call_right {
        display: block;
        width: 100%
      }

      .call_to_action .call_left {
        margin-bottom: 20px
      }

      .call_to_action .call_center {
        margin-bottom: 20px
      }

      .call_to_action .call_right {
        margin-bottom: 0;
        text-align: center
      }

      /* Clients */
      ul.clients:not(.clients_slider_ul) li {
        width: 50% !important
      }

      /* Content slider */
      .content_slider {
        padding: 0 !important;
        margin: 0 0 50px
      }

      .content_slider .slider_pagination {
        padding: 0 20%;
        box-sizing: border-box;
      }

      .content_slider a.button {
        top: auto !important;
        bottom: -60px;
      }

      .content_slider a.slider_prev {
        left: 0 !important
      }

      .content_slider a.slider_next {
        right: 0 !important
      }

      .content_slider a.button .button_icon {
        padding: 7px 9px
      }

      .content_slider.flat a.button,
      .content_slider.carousel a.button {
        bottom: -50px
      }

      .content_slider.flat a.button .button_icon {
        font-size: 30px
      }

      .content_slider.center {
        margin-bottom: 0
      }

      .content_slider.center a.button {
        display: none !important
      }

      /* Divider */
      .hr_full hr,
      .aside_left .hr_full hr,
      .aside_right .hr_full hr {
        position: absolute;
        left: -1000px;
        top: 0;
        width: 3000px
      }

      /* Fancy headings */
      .fancy_heading h2 {
        font-size: 30px;
        line-height: 30px
      }

      /* Features lists */
      .feature_list ul li {
        width: 100% !important;
        float: none;
        border-bottom: 1px solid rgba(0, 0, 0, 0.08)
      }

      .feature_list hr {
        display: none
      }



      /* Offer slider */
      .offer .offer_li .image_wrapper {
        width: 100%;
        float: none;
        margin-bottom: 15px;
        overflow: hidden
      }

      .offer .offer_li .desc_wrapper {
        width: 90%;
        width: calc(100% - 67px) !important;
        margin: 0 auto;
        float: none;
        clear: both
      }

      .offer .offer_li .desc_wrapper .title {
        padding-right: 0;
        margin-bottom: 15px
      }

      .offer .offer_li .desc_wrapper .title h3 {
        margin-bottom: 15px;
        font-size: 27px;
        line-height: 27px
      }

      .offer .offer_li .desc_wrapper .title a.button {
        position: relative
      }

      .offer a.slider_prev {
        left: 20px;
        top: 20px;
        margin: 0
      }

      .offer .slider_pagination {
        left: 20px;
        top: 65px;
        margin: 0
      }

      .offer a.slider_next {
        left: 20px;
        top: 111px;
        margin: 0
      }

      .button-stroke .offer a.slider_prev {
        margin-top: -8px
      }

      .button-stroke .offer a.slider_next {
        margin-top: 6px
      }

      /* Image Frame */
      .image_frame {
        margin-top: 0 !important
      }

      .if-modern-overlay .image_frame .image_wrapper .image_links a {
        width: 26px;
        height: 26px;
        margin-bottom: 3px;
      }

      .if-modern-overlay .image_frame .image_wrapper .image_links a svg {
        width: 20px;
      }


    }

    .offer_thumb.bottom .offer_thumb_ul li.offer_thumb_li .desc_wrapper {
      margin-right: 0;
      width: 100%
    }

    /* Pricing table */
    .pricing-box-label .plan-header,
    .pricing-box-label .plan-footer {
      display: none
    }

    .pricing-box-label ul li {
      text-align: center !important
    }

    /* Promo box */
    .promo_box.has_border:after {
      display: none
    }

    .promo_box_wrapper {
      overflow: visible
    }

    .promo_box_wrapper .photo_wrapper {
      width: 100%;
      float: none;
      line-height: 0;
      margin-bottom: 15px
    }

    .promo_box_wrapper .desc_wrapper {
      width: 100%;
      margin: 0 !important;
      float: none;
      padding-top: 0
    }

    /* Story Box */
    .story_box {
      padding: 0 11% !important
    }

    .story_box .desc_wrapper {
      margin-right: 0 !important
    }

    /* Testimonials list */
    .testimonials_list .item {
      margin-bottom: 30px
    }

    .testimonials_list .item .photo {
      width: 100%;
      float: none;
      margin-bottom: 10px
    }

    .testimonials_list .item .desc {
      width: 100%;
      float: none;
      margin-bottom: 0
    }

    /* Trailer box */
    .trailer_box.horizontal .desc {
      padding-bottom: 40px
    }

    .trailer_box.horizontal:hover .desc h2 {
      bottom: 20px
    }

    .trailer_box.horizontal:hover .desc .subtitle {
      bottom: 20px
    }

    /* Video */
    /* In this case, the aspect ratio is 16:9, which means that the height will be 56.25% of the width. For a video with a 4:3 aspect ratio, we set padding-bottom to 75%. */
    .content_video.iframe {
      position: relative;
      padding-bottom: 56.25%;
      height: 0;
      overflow: hidden
    }

    .content_video.iframe iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%
    }

    /* Fake tabs */
    .fake-tabs>ul {
      padding: 0 5%;
    }

    .fake-tabs>ul li a {
      padding: 20px 10px;
    }

    /* Popup */
    .mfn-popup .mfn-popup-content {
      overflow-y: scroll
    }

    /* Easy Digital Downloads */
    .edd_downloads_list .edd_download {
      width: 100% !important
    }

    .edd_downloads_list .edd_download .edd_download_inner {
      margin: 0 8% 20px
    }

    /* Pretty Photo Popup */

    /* Tiny popup on mobile | fix */
    .pp_pic_holder {
      width: 90% !important;
      left: 5% !important;
      overflow: hidden
    }

    .pp_content {
      width: 98% !important;
      height: auto !important
    }

    .pp_fade {
      width: 100% !important;
      height: 100% !important
    }

    a.pp_expand,
    a.pp_contract,
    .pp_hoverContainer,
    .pp_gallery {
      display: none !important
    }

    #pp_full_res img {
      width: 100% !important;
      height: auto !important
    }

    .pp_details {
      width: 100% !important;
      position: static !important;
      min-height: 25px
    }

    .pp_details a.pp_close {
      top: auto;
      right: 25px
    }

    /* Theme Options size | fix */
    div.pp_pic_holder,
    div.pp_content,
    div.pp_details {
      max-width: 100%
    }

    div.pp_content {
      overflow: auto
    }




    /* #Tablet (Portrait) & Mobile (Landscape) 480 - 768 ----------------------- #Tablet (Portrait) & Mobile (Landscape) 480 - 768 */

    @media only screen and (min-width: 480px) and (max-width: 767px) {

      /* Gallery */
      #Content_home .gallery:not(.gallery-columns-1) .gallery-item {
        width: 50%;
        clear: none
      }

      #Content_home .gallery:not(.gallery-columns-1) .gallery-item:nth-of-type(2n+1) {
        clear: both
      }


    }


    /* #Mobile (Portrait) < 480 ------------------------------------------------------------------------- #Mobile (Portrait) < 480 */

    @media only screen and (min-width: 448px) and (max-width: 500px) {
      .blog_slider a.kill_the_icon i[class^="icon-"] {
        display: none;
      }
    }
    @media only screen and (max-width: 479px) {
      h1, .text-logo #logo, .animated-text {
        font-weight: 600;
      }
      /* Testimonials slider */
      .testimonials_slider a.slider_prev {
        display: none !important
      }

      .testimonials_slider a.slider_next {
        display: none !important
      }

      .testimonials_slider .testimonials_slider_ul li {
        padding: 0
      }
      /* Gallery */
      #Content_home .gallery .gallery-item {
        width: 100%
      }

      /* Easy Digital Downloads */
      .edd_downloads_list .edd_download {
        width: 100% !important
      }

      .edd_downloads_list .edd_download .edd_download_inner {
        margin: 0 0 20px
      }
    }


    /* Retina | iPad ----------------------------------------------------------------------------------------------- Retina | iPad */
    @media only screen and (max-device-width: 1024px) {

      html.ios,
      .ios .section.bg-cover {
        background-attachment: scroll !important
      }
    }
  </style>
  <!-- css -->
  <style type="text/css">
    /* Montserrat - Consolidated */
    @font-face {
      font-family: 'Montserrat';
      font-style: italic;
      font-weight: 400;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUQjIg1_i6t8kCHKm459WxRyS7m.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }

    /* Montserrat Bold - Consolidated */
    @font-face {
      font-family: 'Montserrat';
      font-style: italic;
      font-weight: 700;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUQjIg1_i6t8kCHKm459WxRyS7m.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }

    /* Montserrat - All weights consolidated */
    @font-face {
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 300 900;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }



    /* cyrillic-ext */
    @font-face {
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 500;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
      unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
    }

    /* cyrillic */
    @font-face {
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 500;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
      unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    }

    /* vietnamese */
    @font-face {
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 500;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
      unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
    }

    /* latin-ext */
    @font-face {
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 500;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
      unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }

    /* latin */
    @font-face {
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 500;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }

    /* cyrillic-ext */
    @font-face {
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 600;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
      unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
    }

    /* cyrillic */
    @font-face {
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 600;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
      unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    }

    /* vietnamese */
    @font-face {
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 600;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
      unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
    }

    /* latin-ext */
    @font-face {
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 600;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
      unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }

    /* latin */
    @font-face {
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 600;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }

    /* cyrillic-ext */
    @font-face {
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 700;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
      unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
    }

    /* cyrillic */
    @font-face {
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 700;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
      unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    }

    /* vietnamese */
    @font-face {
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 700;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
      unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
    }

    /* latin-ext */
    @font-face {
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 700;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
      unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }

    /* latin */
    @font-face {
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 700;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }

    /* cyrillic-ext */
    @font-face {
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 900;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
      unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
    }

    /* cyrillic */
    @font-face {
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 900;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
      unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    }

    /* vietnamese */
    @font-face {
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 900;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
      unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
    }

    /* latin-ext */
    @font-face {
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 900;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
      unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }

    /* latin */
    @font-face {
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 900;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }

    /* latin-ext */
    @font-face {
      font-family: 'Urbanist';
      font-style: italic;
      font-weight: 400;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/urbanist/v17/L0x4DF02iFML4hGCyMqgXSFsjkK3.woff2) format('woff2');
      unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }

    /* latin */
    @font-face {
      font-family: 'Urbanist';
      font-style: italic;
      font-weight: 400;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/urbanist/v17/L0x4DF02iFML4hGCyMqgXS9sjg.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }

    /* latin-ext */
    @font-face {
      font-family: 'Urbanist';
      font-style: italic;
      font-weight: 700;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/urbanist/v17/L0x4DF02iFML4hGCyMqgXSFsjkK3.woff2) format('woff2');
      unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }

    /* latin */
    @font-face {
      font-family: 'Urbanist';
      font-style: italic;
      font-weight: 700;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/urbanist/v17/L0x4DF02iFML4hGCyMqgXS9sjg.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }

    /* Urbanist - Consolidated with variable font weight */
    @font-face {
      font-family: 'Urbanist';
      font-style: normal;
      font-weight: 300 900;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/urbanist/v17/L0x-DF02iFML4hGCyMqlbS0.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }
  </style>
  <style id="mfn-custom-inline-css" type="text/css">
    .mcb-section {
      background-color: #42796c;
      background-image: url("http://globaljinhua.com/wp-content/uploads/2025/06/banner-background.webp");
    }

    .mcb-section {
      background-attachment: scroll;
    }

    html.lenis {
      height: auto;
    }

    #Content_home {
      padding-top: unset !important;
      font-weight: 600;
    }

    .lenis.lenis-smooth {
      scroll-behavior: auto;
    }

    .lenis.lenis-smooth [data-lenis-prevent] {
      overscroll-behavior: contain;
    }

    .lenis.lenis-stopped {
      overflow: hidden;
    }

    .lenis.lenis-scrolling iframe {
      pointer-events: none;
    }

    /* GLOBAL STYLING */
    :root {
      --ice-blue: #ccecff;
      --light-yellow: #fff4b6;
      --fresh-green: #00c968;
      --lime: #b2f993;
      --dark-green: #087242;
      --very-dark-green: #10241b;
      --grey: #5d717c;
      --lapis-blue: #1849a5;
      --tab-padding: max(20px, 1.52vw);
      --small-inline-padding: 3.13vw;
      --medium-inline-padding: 6.25vw;
      --large-inline-padding: 13.7vw;
    }

    h1,
    h2.large-text {
      font-size: max(60px, 6.77vw);
      line-height: 0.923;
      letter-spacing: -3.9px;
    }

    h2 {
      font-size: max(40px, 4.17vw);
      line-height: 1;
      letter-spacing: -2.4px;
    }

    h3,
    .countries-container h4.active {
      font-size: max(30px, 2vw);
      line-height: 1.11;
      letter-spacing: -0.8px;
    }

    h4,
    .countries-container h4 {
      font-size: max(20px, 1.56vw);
      line-height: 1.25;
      letter-spacing: -0.5px;
    }

    h5,
    .steps-container span,
    #Content_home .gform_wrapper input,
    #Content_home .gform_wrapper textarea,
    .gform_wrapper .top_label .gfield_label {
      font-size: max(16px, 1.25vw);
      font-weight: 700;
      line-height: 1.25;
      letter-spacing: -0.48px;
    }

    h6,
    .steps-container span:before,
    .sustainable-card:before,
    .card-point:before {
      font-size: 14px;
      font-weight: 900;
      line-height: 1.25;
      letter-spacing: -0.48px;
    }

    h6 {
      color: var(--very-dark-green);
      width: fit-content;
      padding: max(7px, 0.55vw) max(9px, 0.96vw);
      border-radius: 50px;
      margin-bottom: 0;
      white-space: pre;
    }

    h4 .note {
      font-size: max(12px, 0.73vw);
      font-weight: 500;
      letter-spacing: -0.42px;
      line-height: 1;
    }

    h4 .note {
      margin-top: 20px;
      color: var(--grey);
    }

    .montserrat {
      font-family: 'Montserrat';
    }

    .consumer-menu p,
    .urbanist,
    a,
    a * {
      font-family: 'Urbanist';
    }

    .btn {
      font-weight: 700;
      line-height: 1;
    }

    .lime {
      color: var(--dark-green);
      background-color: var(--lime);
    }

    a:hover {
      text-decoration: none;
    }

    .mobile-only,
    .phone-only {
      display: none;
    }

    /* GLOBAL STYLING END */

    /* HOMEPAGE STYLING-NO */
    section.section:has(.hero-banner) {
      overflow-x: hidden;
    }

    .hero-banner {
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 6.72vw 0 0;
      text-align: center;
    }

    .hero-banner>svg {
      position: absolute;
      left: -3%;
      top: 7vh;
      height: auto;
      width: 110vw;
    }

    .hero-banner>svg .cls-1,
    .hero-banner>svg .cls-2,
    .hero-banner>svg .cls-3 {
      stroke-dasharray: 10000;
      stroke-dashoffset: -10000;
      animation: dash 1.5s linear forwards 0.5s;
    }

    .hero-banner>svg .cls-3 {
      animation: dash 1.5s linear forwards 1.9s;
    }

    @keyframes dash {
      100% {
        stroke-dashoffset: 0;
      }
    }

    /***************************************************
     * Generated by SVG Artista on 9/19/2024, 10:30:12 AM
     * MIT license (https://opensource.org/licenses/MIT)
     * W. https://svgartista.net
     **************************************************/
    @keyframes animate-svg-fill-1 {
      0% {
        fill: transparent;
      }

      100% {
        fill: rgb(177, 248, 146);
      }
    }

    .main-banner-1 {
      animation: animate-svg-fill-1 1.5s ease-out 0.8s both;
    }

    @keyframes animate-svg-fill-2 {
      0% {
        fill: transparent;
      }

      100% {
        fill: rgb(22, 249, 125);
      }
    }

    .main-banner-2 {
      animation: animate-svg-fill-2 1.5s ease-out 0.7s both;
    }

    @keyframes animate-svg-fill-3 {
      0% {
        fill: transparent;
      }

      100% {
        fill: rgb(22, 249, 125);
      }
    }

    .main-banner-3 {
      animation: animate-svg-fill-3 1.5s ease-out 0.6s both;
    }

    @keyframes animate-svg-fill-4 {
      0% {
        fill: transparent;
      }

      100% {
        fill: rgb(255, 255, 255);
      }
    }

    .main-banner-4 {
      animation: animate-svg-fill-4 1.5s ease-out 0.5s both;
    }

    /***************************************************
    ANIMATION END
     **************************************************/
    .hero-banner-text {
      max-width: 46vw;
    }

    .hero-banner .background-hill {
      position: absolute;
      top: 30vw;
      left: 16.7%;
      z-index: -2;
    }

    .positioning-container {
      height: 100vh;
      height: 100vh;
      position: fixed;
      top: 80px;
    }

    .floating-phone {
      position: absolute;
      bottom: 0;
      width: 100vw;
      height: 100vh;
      height: 100vh;
      opacity: 1;
      pointer-events: none;
    }

    .floating-phone canvas {
      display: block !important;
      width: 100% !important;
      height: 100% !important;
    }

    .hero-banner .foreground-hill {
      position: absolute;
      top: 29vw;
      z-index: 1;
    }

    .hero-banner .clouds {
      position: absolute;
      top: 46vw;
      z-index: 1;
    }

    .bottom-main-menu {
      display: flex;
      position: fixed;
      z-index: 100;
      bottom: 0;
      left: 0;
      width: 100%;
      padding: 0.7vw 6.35vw;
      background-color: #fff;
      transition: transform 0.3s;
    }

    .mfn-header-scrolled .bottom-main-menu {
      transform: translateY(100%);
      pointer-events: none;
    }

    .bottom-main-menu .individual-choice {
      position: relative;
      width: auto;
      flex: 1;
      width: 0;
      overflow: hidden;
    }

    .bottom-main-menu .individual-choice:not(:last-child) {
      border-right: 1px solid rgba(2, 70, 39, 0.5);
      margin-right: 2vw;
    }

    .ice-blue .bottom-main-menu .individual-choice:not(:last-child) {
      border-right: 1px solid var(--very-dark-green);
    }

    .bottom-main-menu .individual-choice h5 {
      color: var(--very-dark-green);
      margin-bottom: 0.42vw;
    }

    .bottom-main-menu .individual-choice div {
      display: flex;
      mask-image: linear-gradient(to right,
          #fff0,
          #fff 20%,
          #fff 50%,
          #fff0 70%,
          #fff0);
    }

    .bottom-main-menu .individual-choice h6 {
      padding: 0;
      margin-bottom: 0;
      color: #5d717c;
      font-size: max(10px, 14px);
      font-weight: 500;
      white-space: normal;
      padding-right: 5%;
      white-space: nowrap;
      animation: scrollLeft100 20s linear infinite;
    }

    a.individual-choice:after {
      content: '';
      background: url("http://globaljinhua.com/wp-content/uploads/2025/06/arrow-right.png");
      background-size: contain;
      width: 1.15vw;
      height: 0.99vw;
      display: block;
      position: absolute;
      right: 1.95vw;
      top: 50%;
      transform: translateY(-50%);
    }

    a.individual-choice:hover:after {
      animation: nudgeRight 0.5s ease-in-out;
    }

    @keyframes nudgeRight {
      0% {
        transform: translate(0, -50%);
      }

      50% {
        transform: translate(0.5vw, -50%);
      }

      100% {
        transform: translate(0, -50%);
      }
    }

    .transition-section {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-top: 55vw;
      position: relative;
      overflow: hidden;
    }

    .transition-section.about {
      margin-top: 0;
      pointer-events: none;
    }

    .transition-section.about .after-transition h6 {
      margin-inline: auto;
    }

    .transition-section.about .after-transition h2 {
      margin-bottom: 20.83vw;
    }

    .transition-section.about .after-transition .transition-text {
      padding-inline: 30vw;
    }

    .transition-section .before-transition {
      position: relative;
      padding-top: 17vw;
      z-index: 10;
      /* padding-bottom: 55.63vw; */
    }

    .transition-section .background-transition,
    .transition-section .background-transition img {
      position: absolute;
      top: 0;
      left: 0;
      height: 120vh;
      width: 100%;
      z-index: -1;
    }

    .transition-section .background-transition img {
      object-fit: cover;
    }

    .transition-section .before-transition {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      padding-inline: 28vw;
    }

    .transition-section h6 {
      margin-bottom: 1.04vw;
    }

    .transition-section .after-transition {
      display: flex;
      flex-direction: column;
      position: relative;
      margin-top: 25.52vw;
      text-align: center;
      width: 100%;
    }

    .transition-section .after-transition .transition-text {
      padding-inline: 20vw;
      z-index: 20;
    }

    .transition-section .after-transition h2 {
      margin-bottom: max(160px, 9.69vw);
    }

    .scrolling-cards-container {
      width: fit-content;
      display: flex;
      gap: 0;
    }

    .scrolling-cards {
      display: flex;
      animation: scrollLeft 40s infinite linear;
    }

    .scrolling-cards .single-card {
      display: flex;
      border-radius: 30px;
      margin-right: max(16px, 1.3vw);
      width: max(250px, 20.26vw);
    }

    .scrolling-cards .single-card:nth-child(odd) {
      background-color: #c4ecff;
    }

    .scrolling-cards .single-card:nth-child(even) {
      background-color: #fff5ae;
    }

    @keyframes scrollLeft {
      from {
        transform: translateX(0);
      }

      to {
        transform: translateX(-50%);
      }
    }

    @keyframes scrollLeft100 {
      from {
        transform: translateX(0);
      }

      to {
        transform: translateX(-100%);
      }
    }

    .transition-section .transition-foreground-mountain {
      position: relative;
      z-index: 1;
      margin-top: -16vw;
    }

    /* COUNTING SECTION */
    .counting-section {
      background-color: white;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      padding: 25.73vw 2.76vw 0 2.24vw;
    }

    .counting-section .phone,
    .counting-section .hand {
      position: absolute;
      pointer-events: none;
    }

    .counting-section .phone {
      left: -25.63vw;
      top: 150px;
      width: 25.63vw;
    }

    .counting-section #phoneSold {
      width: 100%;
      color: var(--fresh-green);
      font-size: 23.88vw;
      font-weight: 600;
      letter-spacing: -8.4px;
      text-align: center;
      white-space: pre;
    }

    .counting-section h4 {
      max-width: 21.88vw;
    }

    h4,
    .countries-container h4 {
      font-size: max(20px, 1.56vw);
      line-height: 1.25;
      letter-spacing: -0.5px;
      color: #10241b;
      font-weight: 700;
    }

    .partners-container {
      display: flex;
      flex-direction: column;
      margin-bottom: 9.06vw;
      width: 31.77vw;
      overflow: hidden;
    }

    .slider-container {
      display: flex;
    }

    .slider-container,
    .tab-cards-container {
      mask-image: linear-gradient(to right, #fff0, #fff 20%, #fff 80%, #fff0);
    }

    .partner-list {
      display: flex;
      flex: none;
      padding-bottom: max(18px, 1.61vw);
      margin-bottom: max(28px, 1.56vw);
      border-bottom: 0.5px solid #d4dde5;
      animation: scrollLeft 10s infinite linear;
    }

    .partner-list img {
      border: 1px solid #d4dde5;
      border-radius: 50%;
      height: max(70px, 6.56vw);
      aspect-ratio: 1;
      filter: grayscale(1);
      margin-right: max(20px, 1.88vw);
    }

    .counting-section .hand {
      bottom: -4vw;
      left: 54%;
      transform: translateX(-50%);
      width: 58vw;
    }

    /* NEWSROOM STYLING END */
    /* STORIES STYLING */
    .stories-section .tab-section,
    .stories-section .tab-cards {
      margin-bottom: 6.51vw;
    }

    .stories-section .tabs .tab {
      color: var(--very-dark-green);
      width: 50%;
    }

    .stories-section .tabs .tab:after {
      background: var(--fresh-green);
    }

    .stories-section .tab-cards {
      display: none;
      padding-inline: 6.35vw;
    }

    .stories-section .active.tab-cards {
      display: block;
    }

    #Content_home .stories-section article.post-item {
      margin: 1.04vw 0.39vw;
      width: calc(25% - 0.78vw);
      border-radius: 1.56vw;
      min-height: 27.24vw;
    }

    #Content_home .stories-section article.post-item a.have-dot {
      display: none;
    }

    #Content_home .stories-section .post-photo-wrapper,
    #Content_home .stories-section .post-photo-wrapper .image_wrapper,
    #Content_home .stories-section .post-photo-wrapper a,
    #Content_home .stories-section .post-photo-wrapper img {
      height: 100%;
    }

    #Content_home .stories-section .post-photo-wrapper {
      position: absolute;
      width: 100%;
      z-index: -1;
    }

    #Content_home .stories-section .post-photo-wrapper:before,
    .section-related-adjustment .column.post-related .single-photo-wrapper:before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      background: linear-gradient(180deg,
          rgba(0, 0, 0, 0.5) 0%,
          rgba(0, 0, 0, 0) 50%);
      z-index: 1;
    }

    #Content_home .stories-section .post-photo-wrapper img {
      object-fit: cover;
    }

    .stories-section article.post-item:hover .post-photo-wrapper img {
      scale: 1.1;
    }

    #Content_home .stories-section .post-desc {
      padding: max(30px, 2.08vw) max(30px, 3.13vw);
    }

    #Content_home .stories-section .post-excerpt {
      display: none;
    }

    .stories-section .post-meta {
      display: flex;
      justify-content: center;
    }

    .stories-section .post-meta .icon-clock {
      display: none;
    }

    .stories-section .post-meta .post-date {
      background: #e7eef4;
      padding: max(5px, 0.52vw) max(10px, 0.83vw);
      border-radius: 40px;
      font-weight: 700;
      color: #7ba0bf;
      font-size: max(14px, 0.73vw);
      text-transform: uppercase;
    }

    .stories-section .post-title * {
      text-align: center;
      color: white;
      margin-top: 0.78vw;
    }

    /* STORIES STYLING END */

    /* SINGLE STORIES STYLING */
    header.section-post-header {
      background: var(--very-dark-green);
    }

    .section-post-header .section_wrapper {
      flex-wrap: nowrap;
      padding: max(120px, 10.42vw) var(--large-inline-padding) 5.21vw;
      gap: 12.5vw;
    }

    .section-post-header .section_wrapper::before,
    .section-post-header .section_wrapper::after {
      display: none;
    }

    .section-post-header .title_wrapper {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
    }

    .title_wrapper .back-to-stories {
      display: flex;
      align-items: center;
      gap: 0.63vw;
      width: 100%;
      margin-bottom: 5.16vw;
      color: white;
      font-weight: 700;
    }

    .title_wrapper .back-to-stories:before {
      content: '';
      background-image: url("http://globaljinhua.com/wp-content/uploads/2025/06/left-grey-arrow.svg");
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      height: max(16px, 1.04vw);
      width: max(14px, 0.94vw);
      display: block;
    }

    .title_wrapper .lime,
    .title_wrapper .post-meta {
      text-transform: uppercase;
    }

    .title_wrapper .post-meta {
      margin-bottom: 0;
      margin-left: 1.46vw;
      font-weight: 700;
      color: #b1c5d6;
    }

    .title_wrapper .post-meta .icon-clock {
      display: none;
    }

    .title_wrapper .entry-title {
      margin-block: 0.78vw 1.56vw;
    }

    .title_wrapper .to-content-btn {
      cursor: pointer;
      height: 4.01vw;
      width: 4.01vw;
      background: url("http://globaljinhua.com/wp-content/uploads/2025/06/down-arrow-round.svg");
      background-size: contain;
      background-repeat: no-repeat;
      margin-top: 6.51vw;
    }

    .section-post-header .single-photo-wrapper * {
      height: 34vw;
      pointer-events: none;
    }

    .section-post-header .single-photo-wrapper img {
      border-radius: 0.83vw;
      object-fit: cover;
    }

    .blog-content .column_attr {
      max-width: 830px;
      margin: var(--medium-inline-padding) auto 0;
      display: flex;
      flex-wrap: wrap;
    }

    .blog-content .column_attr a {
      color: var(--fresh-green);
      text-decoration: underline;
    }

    .blog-content .column_attr * {
      color: var(--very-dark-green);
    }

    .blog-content .column_attr p {
      color: var(--grey);
    }

    .blog-content .column_attr h2 {
      flex: 1;
    }

    .blog-content .column_attr .content-box {
      flex: 2;
    }

    .blog-content .column_attr .content-box p,
    .blog-content .column_attr .content-box li {
      color: var(--grey);
      font-family: 'Urbanist';
    }

    .blog-content .column_attr>img {
      margin-top: 3.13vw;
      margin-bottom: 20px;
      border-radius: 16px;
    }

    .blog-content .column_attr>figure {
      margin-bottom: 20px;
      width: 100%;
    }

    #Content_home .section-related-adjustment {
      display: flex;
      margin-top: 5.21vw;
      padding: 5.36vw 6.35vw;
      gap: 10.42vw;
    }

    .section-related-adjustment>h4 {
      font-size: 4.17vw;
      width: 11.5vw;
    }

    .section-related-adjustment .column.post-related {
      min-height: 26.04vw;
    }

    .section-related-adjustment .column.post-related:hover .image_wrapper img {
      scale: 1.1;
    }

    .section-related-adjustment .column.post-related,
    .section-related-adjustment .column.post-related .mcb-column-inner,
    .section-related-adjustment .column.post-related .single-photo-wrapper,
    .section-related-adjustment .column.post-related .image_frame,
    .section-related-adjustment .column.post-related .image_wrapper,
    .section-related-adjustment .column.post-related .image_wrapper a,
    .section-related-adjustment .column.post-related .image_wrapper img {
      height: 100%;
    }

    .section-related-adjustment .column.post-related .mcb-column-inner {
      text-align: center;
    }

    .section-related-adjustment .column.post-related .image_wrapper img {
      object-fit: cover;
    }

    .section-related-adjustment .column.post-related .single-photo-wrapper {
      position: absolute;
      z-index: -1;
      border-radius: 0.83vw;
      overflow: hidden;
    }

    .section-related-adjustment .column.post-related .date_label {
      margin-top: 2.19vw;
    }

    .section-related-adjustment .column.post-related .desc {
      padding-inline: 3.13vw;
    }

    .section-related-adjustment .column.post-related .desc * {
      color: white;
    }

    .section-related-adjustment .column.post-related .desc a.button {
      display: none;
    }

    /* SINGLE STORIES STYLING END */

    /***************************************************
     * Generated by SVG Artista on 9/19/2024, 10:35:54 AM
     * MIT license (https://opensource.org/licenses/MIT)
     * W. https://svgartista.net
     **************************************************/
    svg .footer-svg-1 {
      fill: transparent;
      transition: fill 0.7s ease-out 0.8s;
    }

    svg.active .footer-svg-1 {
      fill: rgb(177, 248, 146);
    }

    svg .footer-svg-2 {
      fill: transparent;
      transition: fill 0.7s ease-out 0.9s;
    }

    svg.active .footer-svg-2 {
      fill: rgb(22, 249, 125);
    }

    svg .footer-svg-3 {
      fill: transparent;
      transition: fill 0.7s ease-out 1s;
    }

    svg.active .footer-svg-3 {
      fill: rgb(22, 249, 125);
    }

    svg .footer-svg-4 {
      fill: transparent;
      transition: fill 0.7s ease-out 1.1s;
    }

    svg.active .footer-svg-4 {
      fill: rgb(255, 255, 255);
    }

    /* .services-container .tab-cards.active { */
    .tab-cards.active {
      opacity: 1;
      max-height: none;
      pointer-events: all;
      transition: opacity 0.3s;
    }

    .services-container .single-tab-card {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: space-between;
      background-color: #fff;
      border-radius: 2.6vw;
      padding: max(42px, 2.71vw) max(42px, 2.5vw);
      padding-right: max(50px, 3vw);
      width: calc(25% - 1.15vw);
      min-height: 23.44vw;
      transition: background-color 0.3s;
    }

    .services-container .single-tab-card img,
    .services-container .single-tab-card:hover embed {
      width: max(42px, 4.06vw);
      aspect-ratio: 1;
      transition: all 0.3s;
    }

    .services-container .single-tab-card h3 {
      padding-right: 2vw;
    }

    .services-container .single-tab-card h3,
    .services-container .single-tab-card p {
      color: var(--very-dark-green);
      margin-bottom: 0;
      transition: color 0.3s;
    }

    .services-container .single-tab-card>div {
      display: flex;
      flex-direction: column;
      overflow: hidden;
    }

    .services-container .single-tab-card>div *:not(h3) {
      max-height: 0;
      transition: max-height 0.3s;
      opacity: 0;
      transition: all 0.3s;
    }

    .services-container .single-tab-card:hover img {
      filter: brightness(5);
    }

    .services-container .single-tab-card:hover>div *:not(h3) {
      max-height: none;
      opacity: 1;
    }

    .services-container .single-tab-card:not(:hover)>div *:not(h3) {
      padding-block: 0;
    }

    .services-container .single-tab-card:hover {
      background-color: #0147aa;
    }

    .services-container .single-tab-card:hover embed {
      filter: brightness(10);
    }

    .services-container .single-tab-card:hover h3,
    .services-container .single-tab-card:hover p {
      color: #c4ecff;
    }

    .services-container .single-tab-card:hover p {
      padding-block: 0.52vw 1.25vw;
    }

    /***************************************************
    SVG ANIMATION END
     **************************************************/
    /* FOOTER STYLING END */

    @media screen and (min-width: 1240px) {
      .secondary-menu .small-menu.mobile-only {
        display: none;
      }
    }

    @media screen and (max-width: 1239px) {

      /* GENERAL */
      :root {
        --small-inline-padding: 24px;
        --medium-inline-padding: 50px;
        --large-inline-padding: 72px;
        --team-member-image-width: 40vw;
        --member-details-width: 40vw;
      }

      .bottom-main-menu {
        display: none;
      }

      .mobile-only {
        display: block;
      }

      .desktop-only {
        display: none !important;
      }

      /* GENERAL END */
      /* HEADER */
      header.header {
        padding: 24px;
        width: calc(100vw - 48px);
        border-bottom: none;
      }

      header.header svg.logo {
        height: 42px;
      }

      .mobile-dropdown-menu {
        display: flex;
        flex-direction: column;
        position: absolute;
        top: 0;
        left: 0;
        background-color: white;
        width: calc(100vw - 92px);
        height: 100vh;
        transform: translateY(-100%);
        transition: transform 0.3s;
        padding: 120px 50px 56px 42px;
        gap: 15px;
      }

      header.header:has(.active.small-menu) .mobile-dropdown-menu {
        transform: translateY(0);
      }

      .menu-dropdown-item:has(div) {
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
      }

      .menu-dropdown-item:has(div):after {
        display: block;
        content: '';
        height: 30px;
        width: 30px;
        background-image: url("http://globaljinhua.com/wp-content/uploads/2025/06/downwards-menu-arrow.svg");
        background-size: contain;
        order: 1;
        transition: transform 0.3s;
      }

      .menu-dropdown-item.open:has(div):after {
        transform: rotate(180deg);
      }

      .menu-dropdown-item>div {
        display: flex;
        flex-direction: column;
        width: 100%;
        order: 2;
        gap: 8px;
      }

      .menu-dropdown-item>div a {
        font-size: 24px;
        width: fit-content;
        padding: 5px 18px;
        border-radius: 50px;
        border: 1px solid rgba(216, 216, 216, 0.5);
      }

      .menu-dropdown-item>div a:last-child {
        margin-bottom: 30px;
      }

      /* HEADER END */
      /* FOOTER END */
      /* HOMEPAGE */
      .hero-banner {
        padding-block: 30vh;
      }

      .hero-banner-text {
        max-width: 70vw;
      }

      .hero-banner>svg {
        width: 110vw;
        /*     top: 56vh; */
        top: 40vh;
      }

      .floating-phone {
        /* left: 50%;
    transform: translateX(-50%); */
        height: 70vh;
      }

      .hero-banner .background-hill,
      .hero-banner .foreground-hill {
        top: 70vh;
        scale: 1.3;
      }

      .hero-banner .clouds {
        top: 90vh;
        scale: 1.3;
      }

      .transition-section .before-transition {
        padding: 30vh 15vw;
      }

      .transition-section .after-transition {
        margin-block: 30vh 20vh;
      }

      .transition-section.about .background-transition,
      .transition-section.about .background-transition img {
        height: 100vh;
      }

      .transition-section .transition-foreground-mountain {
        scale: 2;
        margin-top: 0;
      }

      .services-desc {
        flex-direction: column;
        padding: 80px 24px !important;
        gap: 30px;
      }

      .services-desc > h3 {
        padding-right: 30vw;
        max-width: none !important;
      }

      .latest-blog-posts .slick-arrow {
        display: none !important;
      }

      #Content_home .blog-post {
        aspect-ratio: 1.4;
      }

      .services-container .tab-cards-container {
        overflow-x: scroll;
        overflow-y: hidden;
      }

      .tab-cards {
        width: fit-content;
      }

      .services-container .single-tab-card {
        min-height: 300px;
        width: 300px;
      }

      .news-header {
        padding-bottom: 40px;
      }

      /* HOMEPAGE END */
      /* INNER PAGES */
      .innerpages-banner {
        height: 40vh;
        height: 40dvh;
      }

      .innerpages-banner:has(h6.lime) {
        padding-top: 20vh;
      }

      .stores-section>div {
        flex-direction: column;
      }

      .stores-section .store-details {
        width: 100%;
      }

      .why-buy-container .card-containers {
        flex-wrap: wrap;
      }

      .why-buy-container .card-containers h5 {
        min-width: 30%;
        max-width: calc(100% / 3 - 7.29vw);
        margin-bottom: 0;
      }

      .horizontal-card img:first-child {
        display: none;
      }

      .card-content {
        gap: 30px;
        min-height: 200px;
      }

      .innerpages-desc {
        flex-direction: column;
      }

      .innerpages-desc:has(.partners-div)>h2,
      .innerpages-desc:has(.partners-div)>h4 {
        max-width: 350px;
      }

      .innerpages-cta .column_attr {
        gap: 30px;
        flex-direction: column-reverse;
        align-items: flex-start;
      }

      .innerpages-desc .bottom-cards {
        flex-wrap: wrap;
      }

      .innerpages-desc .bottom-cards .single-wholesale-card {
        min-width: 40%;
      }

      .partners-div {
        flex-direction: column;
      }

      .pill-container {
        height: 40vh;
      }

      .about-main-pill {
        gap: 10px;
      }

      .about-main-pill h2 {
        font-size: 30px;
      }

      .floating-card-section {
        padding-block: 40vh;
      }

      #Content_home .trade-in-app-container {
        flex-direction: row;
      }

      .trade-in-app-container .inner-column:first-child {
        flex: none;
        width: 100%;
      }

      .trade-in-app-container .inner-column:nth-child(2) {
        order: 2;
      }

      .trade-in-app-container .inner-column:last-child>* {
        padding-left: 0;
      }

      .steps-container span {
        padding: 20px;
      }

      #Content_home .renewngo-container {
        align-items: center;
      }

      .renewngo-banner>img {
        max-width: 30%;
        object-fit: contain;
        object-position: bottom;
      }

      .news-articles-container {
        grid-template: 1fr / repeat(2, 1fr);
      }

      .news-articles-container .news-article:nth-child(2n) {
        border-right: none;
      }

      .news-articles-container .news-article>img {
        width: 100%;
      }

      .career-banner {
        padding-top: 60vh;
      }

      .career-banner .banner-top-section {
        padding: 20vh 20vw 50vh;
        min-height: 100vh;
      }

      .career-banner .banner-bottom-section {
        padding-inline: 20vw;
        justify-content: center;
      }

      .values-card-container {
        flex-direction: column;
      }

      .career-tab-container .partner-tab-desc {
        padding-inline: 20vw;
      }

      #Content_home .stories-section article.post-item {
        margin: max(10px, 1.04vw) max(10px, 0.39vw);
        width: calc(50% - 20px);
      }

      #Content_home .stories-section .posts_group {
        display: flex;
        flex-wrap: wrap;
      }

      /* INNER PAGES END */
      /* INDIVIDUAL BLOG POSTS */
      .title_wrapper .entry-title {
        width: 100%;
      }

      .section-post-header .section_wrapper {
        gap: 0;
        flex-direction: column;
      }

      .section-post-header .title_wrapper a:last-child {
        display: none;
      }

      .blog-content {
        padding: 0 30px;
      }

      /* INDIVIDUAL BLOG POSTS END */
    }

    @media screen and (max-width: 1239px) {

      /* GENERAL */
      :root {
        --small-inline-padding: 24px;
        --medium-inline-padding: 50px;
        --large-inline-padding: 72px;
      }

      .bottom-main-menu {
        display: none;
      }

      .mobile-only {
        display: block;
      }

      .desktop-only {
        display: none !important;
      }

      /* FOOTER END */
      /* HOMEPAGE */
      .hero-banner {
        padding-block: 30vh;
      }

      .hero-banner-text {
        max-width: 70vw;
      }

      .hero-banner>svg {
        width: 110vw;
        top: 40vh;
      }

      .floating-phone {
        height: 70vh;
      }

      .hero-banner .background-hill,
      .hero-banner .foreground-hill {
        top: 70vh;
        scale: 1.3;
      }

      .hero-banner .clouds {
        top: 90vh;
        scale: 1.3;
      }

      .transition-section .before-transition {
        padding: 30vh 15vw;
      }

      .transition-section .after-transition {
        margin-block: 30vh 20vh;
      }

      .transition-section .transition-foreground-mountain {
        scale: 2;
        margin-top: 0;
      }
    }

    @media screen and (max-width: 767px) {

      /* GENERAL */
      .phone-only {
        display: block;
      }

      .hero-banner>svg .cls-1,
      .hero-banner>svg .cls-2,
      .hero-banner>svg .cls-3 {
        animation: none;
        stroke-dasharray: 0;
        stroke-dashoffset: 0;
      }

      /* FOOTER END */
      .hero-banner>svg {
        top: 56vh;
        z-index: -1;
        scale: 2;
      }

      .floating-phone {
        height: 60vh;
      }

      .hero-banner-text {
        max-width: none;
        padding-inline: 24px;
      }

      .hero-banner {
        padding-block: 25vh;
      }

      .hero-banner .background-hill,
      .hero-banner .foreground-hill {
        top: 80vh;
        scale: 1.7;
      }

      .hero-banner .clouds {
        scale: 2;
      }

      .transition-section .before-transition,
      .transition-section .after-transition .transition-text {
        padding-inline: 0;
      }

      .transition-section .after-transition {
        margin-bottom: 10vh;
      }

      .counting-section {
        padding: 38px 24px 450px;
      }

      .counting-section h4,
      .partners-container {
        width: 100%;
        max-width: none;
      }

      .counting-section .phone {
        left: -40vw;
        width: 200px;
        top: unset;
        bottom: 180px;
      }

      .counting-section .hand {
        width: 100vw;
      }

      .services-desc>h3 {
        padding-right: 0;
      }

      .tabs {
        position: relative;
        z-index: 2;
      }

      .tabs span.phone-only {
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: center;
        font-size: 20px;
        font-weight: 700;
        padding: 24px;
        color: var(--very-dark-green);
      }

      .tabs span.phone-only:after {
        content: '';
        display: block;
        width: 32px;
        height: 32px;
        background-image: url("http://globaljinhua.com/wp-content/uploads/2025/06/downwards-arrow-white.svg");
        background-size: contain;
        background-repeat: no-repeat;
      }

      .tabs:has(.tab) div {
        position: absolute;
        opacity: 0;
        transition: opacity 0.3s;
        pointer-events: none;
        display: flex;
        flex-direction: column;
        width: 80vw;
        left: 10vw;
        border-radius: 20px;
        background-color: white;
      }

      .tabs.active div {
        opacity: 1;
        pointer-events: all;
        box-shadow: 1px 1px 1px 1px #00000030;
      }

      .tabs.active div .tab {
        color: var(--very-dark-green);
      }

      .tabs.active div .tab:after {
        opacity: 1;
        background: var(--dark-green) !important;
      }

      .tabs.active div .tab:last-child:after {
        display: none;
      }

      .services-container .tab-section span.phone-only {
        color: white;
      }

      .services-container .tab-section span.phone-only,
      .services-container .tab-section .tab-cards {
        padding-inline: 24px;
      }

      .news-header {
        padding-inline: 24px !important;
      }
    }

    /* UTILITIES STYLING */
    .header .sqr-btn {
      padding-block: 0.85vw;
      display: flex;
      align-items: center;
    }

    .sqr-btn {
      width: fit-content;
      padding: max(16px, 1.25vw) max(22px, 1.56vw);
      border: 1px solid rgba(248, 248, 248, 0.5);
      border-radius: max(8px, 0.52vw);
      transition: border-color 0.3s, background-color 0.3s;
      line-height: 1;
    }

    .sqr-btn.white:hover {
      background-color: #1b4580;
      border-color: #1b4580;
    }

    .dark {
      background-color: var(--very-dark-green);
      color: #fff;
    }

    .sqr-btn.dark {
      border: none;
    }

    .light {
      background-color: #fff;
      color: var(--very-dark-green) !important;
      border-color: #d4dde5;
    }

    .have-dot {
      position: relative;
      overflow: hidden;
    }

    .have-dot:before,
    .have-dot:after {
      position: absolute;
      content: '';
      left: max(7px, 0.48vw);
      top: max(7px, 0.46vw);
      height: max(6px, 0.39vw);
      aspect-ratio: 1;
      border-radius: 50%;
      transition: scale 0.3s;
    }

    .have-dot:before {
      background-color: #c4ecff;
    }

    .have-dot:after {
      background-color: #0147aa;
    }

    .have-dot:after {
      scale: 0;
    }

    .have-dot:hover:before,
    .have-dot:hover:after {
      scale: 70;
    }

    .estore-buttons .have-dot:hover:before,
    .estore-buttons .have-dot:hover:after {
      scale: 90;
    }

    .have-dot:not(:hover):before,
    .have-dot:hover:after {
      transition-delay: 0.2s;
    }

    .have-dot.light:after,
    .have-dot.light:hover:after {
      background-color: #fff;
    }

    .have-dot span {
      position: relative;
      z-index: 10;
      font-weight: 700;
    }

    .tabs {
      display: flex;
      border-block: 1px solid rgba(155, 155, 155, 0.5);
    }

    .tabs div {
      display: flex;
      width: 100%;
    }

    .tabs .tab {
      position: relative;
      text-align: center;
      margin-bottom: 0;
      padding-block: var(--tab-padding);
      cursor: pointer;
    }

    .tabs .tab h4 {
      margin-bottom: 0;
    }

    .tabs .tab:after {
      content: '';
      width: 100%;
      height: 5px;
      background: #c4ecff;
      position: absolute;
      left: 0;
      opacity: 0;
      bottom: -2.5px;
      transition: opacity 0.3s;
    }

    .green.tabs .tab {
      color: var(--very-dark-green);
    }

    .green.tabs .tab:after {
      background-color: #00c968;
    }

    .tabs .tab.active:after {
      opacity: 1;
    }

    .innerpages-desc {
      display: flex;
      flex-wrap: wrap;
      padding: var(--medium-inline-padding) var(--large-inline-padding);
    }

    .innerpages-desc * {
      color: var(--very-dark-green);
    }

    .innerpages-desc>* {
      flex: 1;
    }

    .innerpages-desc>*:first-child {
      padding-right: 10.42vw;
    }

    /* WHATS NEW SECTION */
    .news-header {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 0.52vw;
      text-align: center;
      padding: 70px 33vw;
    }

    .news-header h2 {
      color: var(--very-dark-green);
    }

    .whats-new-section {
      overflow: hidden;
    }

    .whats-new-section .blog_wrapper {
      padding-inline: var(--medium-inline-padding);
    }

    #Content_home .whats-new-section .posts_group {
      display: flex;
      align-items: stretch;
    }

    #Content_home .whats-new-section .grid .post-item {
      display: flex;
      flex-direction: column;
      padding: 1.25vw 2.02vw 1.04vw;
      margin: 0;
      width: 25%;
    }

    #Content_home .whats-new-section .grid .post-item:not(:first-child) {
      border-left: 1px solid #d4dde5;
    }



    /* UTILITIES STYLING END */

    /* SERVICES SECTION */
    .services-container {
      background-size: cover;
    }

    .services-desc {
      display: flex;
      align-items: flex-start;
      padding: 6.15vw 31.56vw 6.77vw 122px;
      justify-content: space-between;
    }

    .services-desc>h3 {
      max-width: 32.71vw;
    }

    .tabs .tab {
      color: #fff;
      flex: 1;
    }

    /* .services-container .tab-cards { */
    .tab-cards {
      display: flex;
      opacity: 0;
      padding: 0;
      max-height: 0;
      pointer-events: none;
    }

    .services-container .tab-cards {
      gap: max(16px, 1.15vw);
    }

    .services-container .tab-cards.active {
      padding: 3.91vw 1.42vw 9.74vw;
    }

    .slider-container,
    .tab-cards-container {
      mask-image: linear-gradient(to right, #fff0, #fff 20%, #fff 80%, #fff0);
    }

    .services-container .tab-cards-container {
      mask-image: none;
    }

    /* SERVICES SECTION END */

    .latest-blog-posts {
      margin-inline: 0;
      width: 100vw;
      overflow: hidden;
    }

    svg.slick-arrow * {
      transition: fill 0.3s;
    }

    svg.slick-arrow:hover circle {
      fill: #1b4580 !important;
    }

    svg.slick-arrow:hover path {
      fill: #c4ecff !important;
    }

    .home .slick-list {
      overflow: hidden !important;
    }

    .slick-arrow {
      height: max(40px, 3.59vw);
      width: max(40px, 3.59vw);
      position: absolute;
      z-index: 10;
      top: 50%;
      transform: translateY(-50%);
      cursor: pointer;
    }

    .slick-arrow.prev-arrow {
      left: 8% !important;
    }

    .slick-arrow.next-arrow {
      right: 8% !important;
    }

    .slick-dots {
      display: flex !important;
      justify-content: center;
      list-style: none !important;
      gap: 20px;
      margin: 40px 0 !important;
      padding: 0;
      position: relative;
      bottom: auto;
      z-index: 10;
    }

    .slick-dots li {
      width: 8px;
      height: 8px;
      margin: 0;
    }

    .slick-dots button {
      font-size: 0;
      padding: 0;
      border: none;
      border-radius: 50%;
      width: 5px !important;
      height: 5px !important;
      background-color: rgba(255, 255, 255, 0.4);
      cursor: pointer;
      transition: background-color 0.3s ease;
      text-indent: -9999px;
    }

    .slick-dots .slick-active button {
      background-color: #0147aa;
    }

    /* 确保导航点在桌面端也显示 */
    @media screen and (min-width: 960px) {
      .slick-dots {
        display: flex !important;
      }
    }

    #Content_home .blog-post {

      position: relative;
      overflow: hidden;
      display: flex;
      border-radius: 20px;
      background-size: cover;
      aspect-ratio: 2.3;
      margin-inline: 0.5vw;
      align-items: flex-end;
      transition: opacity 0.3s;
    }

    #Content_home .blog-post:after {
      content: '';
      background: linear-gradient(180deg, transparent 60%, #00000060);
      height: 100%;
      width: 100%;
      position: absolute;
      left: 0;
    }

    .blog-post:not(.slick-current) {
      opacity: 0.4;
    }

    .blog-post-content {
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
      padding: 44px max(28px, 2.6vw);
      width: 100%;
      z-index: 2;
    }

    .blog-post-content-left {
      margin-right: var(--medium-inline-padding);
      color: #fff;
    }

    .blog-post-content-left h3 a {
      color: #fff;
    }

    .blog-post-content-left .post-date {
      text-transform: uppercase;
      font-weight: 700;
    }

    .blog-post-content-left h3 {
      margin-bottom: 0;
    }

    .blog-post-content>a {
      flex: none;
    }

    /* Responsive Styles */
    @media only screen and (max-width: 959px) {
      .latest-blog-posts .slick-arrow {
        display: none !important;
      }

      #Content_home .blog-post {
        aspect-ratio: 1.3;
        min-height: 400px;
      }
    }

    @media screen and (max-width: 767px) {
      .latest-blog-posts {
        margin-inline: 0;
        width: 100vw;
      }

      #Content_home .blog-post {
        aspect-ratio: 1.2;
        background-position: center;
        min-height: 350px;
      }

      .blog-post-content {
        flex-direction: column;
        padding: 30px 20px;
        align-items: flex-start;
        gap: 20px;
      }

      .blog-post-content h3 {
        font-size: 24px;
      }
    }
    .animated-text {
      color: #fff !important;
    }
  </style>

  <script type="importmap">
    {
      "imports": {
        "three": "https://cdn.jsdelivr.net/npm/three@0.168.0/build/three.module.min.js",
        "three/addons/": "https://cdn.jsdelivr.net/npm/three@0.168.0/examples/jsm/"
      }
    }
  </script>
  <script type="module">
    import * as THREE from 'three';
    import { GLTFLoader } from 'three/addons/loaders/GLTFLoader.js';
    import { DRACOLoader } from 'three/addons/loaders/DRACOLoader.js';

    document.addEventListener('DOMContentLoaded', () => {
      const container = document.getElementById('threejs-scene');

      // Set up the scene, camera, and renderer
      const scene = new THREE.Scene();
      const camera = new THREE.PerspectiveCamera(50, 1, 0.1, 1000);
      const renderer = new THREE.WebGLRenderer({ antialias: true });
      container.appendChild(renderer.domElement);

      // 添加柔和的光晕效果，从右上角照射到左下角
      const mainLight = new THREE.DirectionalLight(0xffffff, 2.0);
      mainLight.position.set(10, 8, 6); // 右上角位�?
      mainLight.target.position.set(-5, -6, -3); // 左下角目�?
      scene.add(mainLight);
      scene.add(mainLight.target);

      // 添加柔和的环境光，模拟光晕的整体照明
      const ambientLight = new THREE.AmbientLight(0xffffff, 2.0);
      scene.add(ambientLight);

      // 添加反射光，增强手机的反光效�?
      const reflectionLight = new THREE.DirectionalLight(0xffffff, 0.8);
      reflectionLight.position.set(12, 10, 8); // 更远的右上角
      scene.add(reflectionLight);

      // 添加柔和的背光，营造光晕氛�?
      const backLight = new THREE.DirectionalLight(0xffffff, 0.4);
      backLight.position.set(-8, -6, -4); // 对角位置
      scene.add(backLight);

      // Handle window resizing
      const updateCanvasSize = () => {
        const { width, height } = container.getBoundingClientRect();
        renderer.setSize(width, height);
        camera.aspect = width / height;
        camera.updateProjectionMatrix();
      };
      updateCanvasSize();
      const canvasSizeRo = new ResizeObserver(updateCanvasSize);
      canvasSizeRo.observe(container);

      // Load equirectangular environment map
      const textureLoader = new THREE.TextureLoader();
      textureLoader.load(
        'https://globaljinhua.com/homepage-model-scene.png',
        function (texture) {
          texture.mapping = THREE.EquirectangularReflectionMapping;
          scene.environment = texture;
        }
      );

      // Set up DracoLoader
      const dracoLoader = new DRACOLoader();
      dracoLoader.setDecoderPath(
        'https://cdn.jsdelivr.net/npm/three@0.168.0/examples/jsm/libs/draco/'
      );

      // Set up GLTFLoader and pass in DracoLoader
      const loader = new GLTFLoader();
      loader.setDRACOLoader(dracoLoader);

      // Load the Draco-compressed GLB file
      loader.load(
        'https://globaljinhua.com/241212-notched-iphone.glb',
        (gltf) => {
          console.log('Model loaded successfully', gltf);
          const group = new THREE.Group();
          const model = gltf.scene;
          group.add(model);
          scene.add(group);

          // Apply environment map to the model (optional, if needed for reflective materials)
          model.traverse((child) => {
            if (child.isMesh) {
              child.material.envMap = scene.environment;
              child.material.envMapIntensity = 5;
              // 启用阴影接收和投�?
              child.castShadow = true;
              child.receiveShadow = true;
              // 确保材质能够响应光照
              child.material.needsUpdate = true;
            }
          });

          // Set the camera position to fit the model
          const initialCameraY = 2.35;
          camera.position.x = 0.5;
          camera.position.y = initialCameraY;
          camera.position.z = 7;

          group.position.x = -1.2;
          group.position.y = -3.08;

          function degToRad(degrees) {
            return degrees * (Math.PI / 180);
          }

          group.rotation.x = degToRad(-15.6);
          group.rotation.y = degToRad(-26.8);
          group.rotation.z = degToRad(-19.8);

          // Animation loop
          const animate = () => {
            requestAnimationFrame(animate);
            renderer.setClearColor(0, 0);
            renderer.render(scene, camera);
          };

          animate();

          window.addEventListener('scroll', () => {
            model.rotation.y = degToRad(
              (window.scrollY / window.innerHeight) * 180
            );

            const scrollRangeFrom = 0;
            const scrollRangeTo = window.innerHeight * 3;

            const cameraFrom = 0;
            const cameraTo = 2;

            camera.position.y =
              initialCameraY -
              lerp(
                clamp01(map01(scrollY, scrollRangeFrom, scrollRangeTo)),
                cameraFrom,
                cameraTo
              );
          });
        },
        undefined,
        (error) => {
          console.error('An error occurred while loading the model:', error);
        }
      );
    });

    function map01(
      /** @type {number} */ t,
      /** @type {number} */ rangeStart,
      /** @type {number} */ rangeEnd
    ) {
      return (t - rangeStart) / (rangeEnd - rangeStart);
    }

    function clamp01(/** @type {number} */ t) {
      return Math.min(Math.max(t, 0), 1);
    }

    function lerp(
      /** @type {number} */ t,
      /** @type {number} */ a,
      /** @type {number} */ b
    ) {
      return a + (b - a) * t;
    }
  </script>
</head>

<body>
  <div id="Content_home" role="main">
    <div class="content_wrapper clearfix">
      <main class="sections_group">
        <div class="entry-content" itemprop="mainContentOfPage">
          <div class="mfn-builder-content mfn-default-content-buider">
            <section
              class="section mcb-section mfn-default-section mcb-section-f25643c89  no-margin-h no-margin-v full-width-ex-mobile default-width"
              style="">
              <div class="mcb-background-overlay"></div>
              <div class="section_wrapper mfn-wrapper-for-wraps mcb-section-inner mcb-section-inner-f25643c89">
                <div class="wrap mcb-wrap mcb-wrap-91ebf21b0 one tablet-one laptop-one mobile-one clearfix"
                  data-desktop-col="one" data-laptop-col="laptop-one" data-tablet-col="tablet-one"
                  data-mobile-col="mobile-one" style="">
                  <div class="mcb-wrap-inner mcb-wrap-inner-91ebf21b0 mfn-module-wrapper mfn-wrapper-for-wraps">
                    <div class="mcb-wrap-background-overlay"></div>
                    <div class="column mcb-column mcb-item-37e630cb7 one laptop-one tablet-one mobile-one column_column"
                      style="">
                      <div class="mcb-column-inner mfn-module-wrapper mcb-column-inner-37e630cb7 mcb-item-column-inner">
                        <div class="column_attr mfn-inline-editor clearfix" style="">
                          <div class="bottom-main-menu">
                            <a href="http://globaljinhua.com/buy" class="individual-choice">
                              <h5>Consumer</h5>
                              <div>
                                <h6>Trade-in, Retail &amp; eCommerce, Subscription &amp; Protection</h6>
                                <h6>Trade-in, Retail &amp; eCommerce, Subscription &amp; Protection</h6>
                              </div>
                            </a>
                            <a href="" class="individual-choice">
                              <h5>FAQ</h5>
                              <div>
                                <h6>Asset Cost Recovery, Asset Upgrade &amp; Group Corporate Partnership</h6>
                                <h6>Asset Cost Recovery, Asset Upgrade &amp; Group Corporate Partnership</h6>
                              </div>
                            </a>
                            <a href="" class="individual-choice">
                              <h5>Wholesale</h5>
                              <div>
                                <h6>Tested and Graded Devices &amp; As is Devices</h6>
                                <h6>Tested and Graded Devices &amp; As is Devices</h6>
                              </div>
                            </a>
                            <a href="http://globaljinhua.com/partner" class="individual-choice">
                              <h5>Partner</h5>
                              <div>
                                <h6>
                                  Trade-in Services, Device Subscription, Device Care &amp; Enterprise
                                  Solutions
                                </h6>
                                <h6>
                                  Trade-in Services, Device Subscription, Device Care &amp; Enterprise
                                  Solutions
                                </h6>
                              </div>
                            </a>
                          </div>

                          <!-- BANNER SECTION -->
                          <div class="hero-banner">
                            <svg width="100%" height="100%" viewBox="0 0 1865 1113" fill="none"
                              xmlns="http://www.w3.org/2000/svg">
                              <g clip-path="url(#clip0_124_12)">
                                <path
                                  d="M1804.68 575.6C1790.09 549.514 1771.01 525.567 1747.98 504.425C1726.3 484.524 1700.94 466.915 1672.59 452.091C1620.13 424.655 1558.07 406.983 1493.11 400.969C1460.24 397.925 1426.82 397.737 1393.8 400.415C1360.37 403.122 1327.31 408.759 1295.53 417.181C1263.02 425.794 1231.73 437.345 1202.52 451.516C1172.39 466.132 1144.25 483.651 1118.87 503.597C1101.76 517.039 1086.6 532.815 1070.54 549.518C1047.84 573.135 1024.37 597.558 994.514 615.435C979.06 624.688 962.263 631.723 944.6 636.337C927.675 640.757 909.967 642.959 891.97 642.874C857.076 642.72 821.761 633.985 789.849 617.624C773.471 609.225 758.861 597.661 746.427 583.238C740.43 576.286 735.019 568.721 730.348 560.76C729.371 559.096 728.431 557.415 727.514 555.72C726.13 554.967 724.746 554.24 723.358 553.531C713.518 548.529 702.611 544.968 690.943 542.939C679.845 541.011 667.94 540.441 655.564 541.25C642.167 542.127 628.984 543.765 616.399 546.117L609.303 508.179C623.397 505.546 638.114 503.71 653.042 502.733C668.468 501.722 683.448 502.454 697.557 504.908C702.281 505.729 706.926 506.747 711.469 507.956C710.732 503.079 710.243 498.149 710.002 493.191C709.291 478.375 710.865 463.954 714.679 450.31C718.739 435.777 725.204 422.693 733.878 411.415C743.28 399.198 755.017 389.45 768.779 382.445C779.371 377.051 790.72 373.23 802.504 371.096C814.178 368.982 826.019 368.564 837.698 369.851C849.636 371.172 861.138 374.252 871.885 379.002C883.128 383.973 893.344 390.694 902.244 398.969C920.023 415.5 932.113 438.516 936.284 463.771C940.469 489.082 936.389 514.757 924.8 536.077C913.178 557.448 893.794 574.823 870.202 584.992C859.518 589.601 848.364 592.561 837.17 593.847C835.881 593.997 834.593 594.121 833.302 594.224C852.437 600.741 872.382 604.171 892.128 604.258C906.774 604.325 921.139 602.544 934.824 598.974C948.949 595.284 962.352 589.677 974.659 582.301C1000.09 567.073 1020.78 545.545 1042.69 522.748C1058.95 505.826 1075.77 488.33 1095 473.227C1122.54 451.587 1153.03 432.593 1185.64 416.773C1217.08 401.517 1250.72 389.096 1285.62 379.853C1319.62 370.845 1354.96 364.813 1390.66 361.925C1425.91 359.073 1461.57 359.269 1496.65 362.515C1566.57 368.987 1633.59 388.13 1690.46 417.866C1721.8 434.248 1749.92 453.799 1774.08 475.974C1800.14 499.898 1821.77 527.07 1838.37 556.743L1804.68 575.579V575.6ZM757.041 528.16C759.925 529.877 762.759 531.608 765.565 533.319C779.591 541.868 792.838 549.949 807.105 553.771C822.237 557.828 839.211 556.336 854.901 549.572C870.591 542.808 883.364 531.474 890.873 517.661C898.381 503.853 900.977 486.949 898.187 470.076C895.397 453.202 887.501 437.989 875.946 427.242C864.514 416.609 849.818 410.038 833.451 408.225C825.483 407.347 817.388 407.632 809.386 409.082C801.303 410.545 793.539 413.16 786.296 416.842C764.921 427.723 755.769 446.707 751.851 460.712C749.15 470.367 748.045 480.675 748.552 491.353C749.063 502.043 751.167 512.532 754.812 522.518C755.504 524.422 756.247 526.304 757.041 528.16Z"
                                  fill="#B1F892" class="main-banner-1"></path>
                                <path
                                  d="M871.236 378.871C882.732 383.822 893.09 390.551 902.033 398.868C919.812 415.399 931.901 438.415 936.072 463.67C940.257 488.981 936.177 514.655 924.588 535.975C912.967 557.347 893.582 574.722 869.99 584.89C859.307 589.5 848.153 592.46 836.958 593.746C823.39 595.301 809.778 594.385 796.9 590.933C777.271 585.671 760.999 575.75 745.259 566.155C737.657 561.524 730.479 557.143 723.136 553.414C713.297 548.412 702.39 544.851 690.721 542.823C679.623 540.894 667.719 540.325 655.343 541.133C641.946 542.01 628.763 543.649 616.178 546.001L615.441 546.136L614.866 546.197C614.085 546.296 600.742 548.093 580.538 555.122C568.411 559.343 556.207 564.597 544.265 570.74C529.376 578.409 514.85 587.487 501.089 597.735L478.016 566.787C543.277 518.165 601.875 508.986 609.635 507.956C623.56 505.375 638.085 503.58 652.815 502.615C668.24 501.604 683.221 502.336 697.33 504.79C712.787 507.48 727.352 512.259 740.624 519.002C749.296 523.412 757.466 528.383 765.358 533.199C779.384 541.749 792.631 549.829 806.897 553.651C822.03 557.708 839.004 556.216 854.693 549.452C870.383 542.688 883.157 531.354 890.666 517.541C898.174 503.733 900.77 486.83 897.98 469.956C895.19 453.082 887.294 437.869 875.738 427.123C870.036 421.819 863.382 417.514 855.957 414.308C848.673 411.167 840.825 409.161 832.62 408.345C816.156 406.699 799.353 410.006 785.31 417.657C785.31 417.657 797.329 395.837 824.306 385.432C850.228 375.435 871.237 378.865 871.237 378.865L871.236 378.871Z"
                                  fill="#16F97D" class="main-banner-2"></path>
                                <path
                                  d="M188.7 726.694C176.125 728.134 163.558 729.12 151.053 729.644C114.908 731.156 78.1463 728.851 41.7746 722.799C-7.14572 714.657 -47.113 702.272 -80.4129 684.948C-100.259 674.624 -118.122 662.289 -133.511 648.273C-148.712 634.431 -161.954 618.547 -172.946 600.988C-174.777 598.061 -173.838 594.202 -170.858 592.449L-149.055 579.625C-145.697 577.654 -141.391 578.697 -139.292 581.986C-130.354 595.98 -119.691 608.652 -107.517 619.739C-94.5929 631.504 -79.4823 641.924 -62.5998 650.709C-32.9557 666.13 3.25817 677.255 48.1121 684.723C81.8569 690.338 115.949 692.478 149.436 691.077C181.651 689.732 214.32 685.066 246.531 677.214C277.476 669.667 308.979 658.941 340.177 645.325C370.007 632.31 400.52 616.231 430.878 597.537C442.646 590.29 454.157 582.61 466.347 574.476C492.428 557.076 519.399 539.081 548.547 526.024L564.339 561.246C538.142 572.98 512.54 590.061 487.78 606.581C475.838 614.545 463.492 622.787 451.13 630.398C419.238 650.039 387.106 666.962 355.625 680.701C322.4 695.202 288.778 706.641 255.681 714.711C233.485 720.122 211.074 724.131 188.7 726.694Z"
                                  fill="#16F97D" class="main-banner-3"></path>
                              </g>
                              <defs>
                                <clippath id="clip0_124_12">
                                  <rect width="1865" height="1113" fill="white" class="main-banner-4"></rect>
                                </clippath>
                              </defs>
                            </svg>

                            <div class="hero-banner-text">

                              <h1 class="animated-text"><span class="line"
                                  style="display: block; text-align: center; width: 100%;"><span class="word"
                                    style="display: inline-block; translate: none; rotate: none; scale: none; opacity: 1; transform: translate(0px, 0%);">Giving</span>
                                  <span class="word"
                                    style="display: inline-block; translate: none; rotate: none; scale: none; opacity: 1; transform: translate(0px, 0%);">Devices</span></span><span
                                  class="line" style="display: block; text-align: center; width: 100%;">
                                  <span class="word"
                                    style="display: inline-block; translate: none; rotate: none; scale: none; opacity: 1; transform: translate(0px, 0%);">A</span>
                                  <span class="word"
                                    style="display: inline-block; translate: none; rotate: none; scale: none; opacity: 1; transform: translate(0px, 0%);">Second</span>
                                  <span class="word"
                                    style="display: inline-block; translate: none; rotate: none; scale: none; opacity: 1; transform: translate(0px, 0%);">Life</span></span>
                              </h1>
                              <h5 class="animated-text">We buy, sell and trade second hand devices</h5>
                            </div>
                            <img src="http://globaljinhua.com/wp-content/uploads/2025/06/background-hill.webp"
                              class="background-hill" alt="">
                            <img src="http://globaljinhua.com/wp-content/uploads/2025/06/foreground-hill.webp"
                              class="foreground-hill" alt="">
                            <img src="http://globaljinhua.com/wp-content/uploads/2025/06/clouds.webp" class="clouds"
                              alt="">
                          </div>
                          <!-- TRANSITION SECTION -->
                          <div class="transition-section">
                            <div class="pin-spacer">
                              <div class="background-transition">
                                <img
                                  src="http://globaljinhua.com/wp-content/uploads/2025/06/after-transition-background.webp"
                                  alt="">
                                <img src="http://globaljinhua.com/wp-content/uploads/2025/06/dumpster-with-laptop.webp"
                                  alt="" style="opacity: 1;">
                              </div>
                            </div>
                            <div class="before-transition">
                              <h6 class="lime">COMPASIA</h6>

                              <h2 class="animated-text"><span class="line" style="display: block; text-align: center; width: 100%;">
                                  <span class="word"
                                    style="display: inline-block; translate: none; rotate: none; scale: none; opacity: 1; transform: translate(0px, 0%);">We're</span>
                                  <span class="word"
                                    style="display: inline-block; translate: none; rotate: none; scale: none; opacity: 1; transform: translate(0px, 0%);">here</span>
                                  <span class="word"
                                    style="display: inline-block; translate: none; rotate: none; scale: none; opacity: 1; transform: translate(0px, 0%);">to</span>
                                  <span class="word"
                                    style="display: inline-block; translate: none; rotate: none; scale: none; opacity: 1; transform: translate(0px, 0%);">maximise</span></span><span
                                  class="line" style="display: block; text-align: center; width: 100%;">
                                  <span class="word"
                                    style="display: inline-block; translate: none; rotate: none; scale: none; opacity: 1; transform: translate(0px, 0%);">affordability</span>
                                  <span class="word"
                                    style="display: inline-block; translate: none; rotate: none; scale: none; opacity: 1; transform: translate(0px, 0%);">and</span></span><span
                                  class="line" style="display: block; text-align: center; width: 100%;">
                                  <span class="word"
                                    style="display: inline-block; translate: none; rotate: none; scale: none; opacity: 1; transform: translate(0px, 0%);">minimise</span>
                                  <span class="word"
                                    style="display: inline-block; translate: none; rotate: none; scale: none; opacity: 1; transform: translate(0px, 0%);">e-waste</span></span>
                              </h2>
                            </div>
                            <div class="after-transition">
                              <div class="transition-text">

                                <h2 class="large-text animated-text"><span class="line"
                                    style="display: block; text-align: center; width: 100%;"><span class="word"
                                      style="display: inline-block; translate: none; rotate: none; scale: none; opacity: 1; transform: translate(0px, 0%);">for</span>
                                    <span class="word"
                                      style="display: inline-block; translate: none; rotate: none; scale: none; opacity: 1; transform: translate(0px, 0%);">a</span>
                                    <span class="word"
                                      style="display: inline-block; translate: none; rotate: none; scale: none; opacity: 1; transform: translate(0px, 0%);">greener,</span>
                                    <span class="word"
                                      style="display: inline-block; translate: none; rotate: none; scale: none; opacity: 1; transform: translate(0px, 0%);">more</span></span><span
                                    class="line" style="display: block; text-align: center; width: 100%;">
                                    <span class="word"
                                      style="display: inline-block; translate: none; rotate: none; scale: none; opacity: 1; transform: translate(0px, 0%);">connected</span>
                                    <span class="word"
                                      style="display: inline-block; translate: none; rotate: none; scale: none; opacity: 1; transform: translate(0px, 0%);">future.</span></span>
                                </h2>
                              </div>
                              <div class="scrolling-cards-container">
                                <div class="scrolling-cards">
                                  <div class="single-card">
                                    <img src="http://globaljinhua.com/wp-content/uploads/2025/06/model-1.webp" alt="">
                                  </div>
                                  <div class="single-card">
                                    <img src="http://globaljinhua.com/wp-content/uploads/2025/06/model-2.webp" alt="">
                                  </div>
                                  <div class="single-card">
                                    <img src="http://globaljinhua.com/wp-content/uploads/2025/06/model-3.webp" alt="">
                                  </div>
                                  <div class="single-card">
                                    <img src="http://globaljinhua.com/wp-content/uploads/2025/06/model-4.webp" alt="">
                                  </div>
                                  <div class="single-card">
                                    <img src="http://globaljinhua.com/wp-content/uploads/2025/06/model-5.webp" alt="">
                                  </div>
                                  <div class="single-card">
                                    <img src="http://globaljinhua.com/wp-content/uploads/2025/06/new-model-1.webp"
                                      alt="">
                                  </div>
                                  <div class="single-card">
                                    <img src="http://globaljinhua.com/wp-content/uploads/2025/06/new-model-2.webp"
                                      alt="">
                                  </div>
                                  <div class="single-card">
                                    <img src="http://globaljinhua.com/wp-content/uploads/2025/06/model-1.webp" alt="">
                                  </div>
                                  <div class="single-card">
                                    <img src="http://globaljinhua.com/wp-content/uploads/2025/06/model-2.webp" alt="">
                                  </div>
                                  <div class="single-card">
                                    <img src="http://globaljinhua.com/wp-content/uploads/2025/06/model-3.webp" alt="">
                                  </div>
                                  <div class="single-card">
                                    <img src="http://globaljinhua.com/wp-content/uploads/2025/06/model-4.webp" alt="">
                                  </div>
                                  <div class="single-card">
                                    <img src="http://globaljinhua.com/wp-content/uploads/2025/06/model-5.webp" alt="">
                                  </div>
                                  <div class="single-card">
                                    <img src="http://globaljinhua.com/wp-content/uploads/2025/06/new-model-1.webp"
                                      alt="">
                                  </div>
                                  <div class="single-card">
                                    <img src="http://globaljinhua.com/wp-content/uploads/2025/06/new-model-2.webp"
                                      alt="">
                                  </div>
                                </div>
                              </div>
                              <img
                                src="http://globaljinhua.com/wp-content/uploads/2025/06/transition-foreground-mountain.webp"
                                alt="" class="transition-foreground-mountain">
                            </div>
                          </div>
                          <!-- FIXED PHONE MODEL -->
                          <div class="positioning-container">
                            <div id="threejs-scene" class="floating-phone" style="opacity: 1;"></div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </section>
            <section
              class="section mcb-section mfn-default-section mcb-section-8cf3e025a  no-margin-h no-margin-v full-width-ex-mobile default-width"
              style="">
              <div class="mcb-background-overlay"></div>
              <div class="section_wrapper mfn-wrapper-for-wraps mcb-section-inner mcb-section-inner-8cf3e025a">
                <div class="wrap mcb-wrap mcb-wrap-57103e932 one tablet-one laptop-one mobile-one clearfix"
                  data-desktop-col="one" data-laptop-col="laptop-one" data-tablet-col="tablet-one"
                  data-mobile-col="mobile-one" style="">
                  <div class="mcb-wrap-inner mcb-wrap-inner-57103e932 mfn-module-wrapper mfn-wrapper-for-wraps">
                    <div class="mcb-wrap-background-overlay"></div>
                    <div class="column mcb-column mcb-item-519cd019a one laptop-one tablet-one mobile-one column_column"
                      style="">
                      <div class="mcb-column-inner mfn-module-wrapper mcb-column-inner-519cd019a mcb-item-column-inner">
                        <div class="column_attr mfn-inline-editor clearfix" style="">
                          <div class="counting-section">
                            <img src="http://globaljinhua.com/wp-content/uploads/2025/06/counter-section-phone.webp"
                              class="phone"
                              style="translate: none; rotate: none; scale: none; transform: translate(0px, 0px);">
                            <h2 id="phoneSold">2,933,203</h2>
                            <h4>
                              Devices have had their lives extended. Together with our partners, we change the world one
                              device at a time.
                              <p class="note">*Number shown is the number of devices transacted from 2019 to 2024.</p>
                            </h4>
                            <div class="partners-container">
                              <div class="slider-container">
                                <div class="partner-list">
                                  <img src="http://globaljinhua.com/wp-content/uploads/2025/06/maxis-logo.png" alt="">
                                  <img src="http://globaljinhua.com/wp-content/uploads/2025/06/apple-logo.png" alt="">
                                  <img src="http://globaljinhua.com/wp-content/uploads/2025/06/citi-logo.png" alt="">
                                  <img src="http://globaljinhua.com/wp-content/uploads/2025/06/samsung-logo.png" alt="">
                                  <img src="http://globaljinhua.com/wp-content/uploads/2025/06/maxis-logo.png" alt="">
                                  <img src="http://globaljinhua.com/wp-content/uploads/2025/06/apple-logo.png" alt="">
                                  <img src="http://globaljinhua.com/wp-content/uploads/2025/06/citi-logo.png" alt="">
                                  <img src="http://globaljinhua.com/wp-content/uploads/2025/06/samsung-logo.png" alt="">
                                </div>
                              </div>
                            </div>
                            <img src="http://globaljinhua.com/wp-content/uploads/2025/06/counter-section-hand.webp"
                              class="hand">
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </section>
            <section
              class="section mcb-section mfn-default-section mcb-section-e31b53297  no-margin-h no-margin-v full-width-ex-mobile default-width"
              style="">
              <div class="mcb-background-overlay"></div>
              <div class="section_wrapper mfn-wrapper-for-wraps mcb-section-inner mcb-section-inner-e31b53297">
                <div class="wrap mcb-wrap mcb-wrap-f2c0f9eaf one tablet-one laptop-one mobile-one clearfix"
                  data-desktop-col="one" data-laptop-col="laptop-one" data-tablet-col="tablet-one"
                  data-mobile-col="mobile-one" style="">
                  <div class="mcb-wrap-inner mcb-wrap-inner-f2c0f9eaf mfn-module-wrapper mfn-wrapper-for-wraps">
                    <div class="mcb-wrap-background-overlay"></div>
                    <div class="column mcb-column mcb-item-5688d3f43 one laptop-one tablet-one mobile-one column_column"
                      style="">
                      <div class="mcb-column-inner mfn-module-wrapper mcb-column-inner-5688d3f43 mcb-item-column-inner">
                        <div class="column_attr mfn-inline-editor clearfix" style="">
                          <div class="services-container"
                            style="background-image: url('http://globaljinhua.com/wp-content/uploads/2025/06/services-background.webp')">
                            <div class="services-desc">
                              <h6 class="lime">OUR SOLUTIONS</h6>
                              <h3 class="animated-text">
                                We offer a vertically integrated suite of solutions to fulfil your tech needs.
                              </h3>
                            </div>
                            <div class="tab-section">
                              <div class="tabs"><span class="phone-only">Consumer</span>
                                <div>
                                  <h4 class="tab active" data-services="consumer">Consumer</h4>
                                  <h4 class="tab" data-services="wholesale">Wholesale</h4>
                                  <h4 class="tab" data-services="partner">Partner</h4>
                                  <h4 class="tab" data-services="faq">FAQ</h4>
                                </div>
                              </div>
                              <div class="tab-cards-container">
                                <div class="tab-cards active" data-services="consumer">
                                  <div class="single-tab-card">
                                    <img
                                      src="http://globaljinhua.com/wp-content/uploads/2025/06/shopping-bag-icon-1.svg"
                                      alt="icon">
                                    <div>
                                      <h3>Retail &amp; eCommerce</h3>
                                      <p>Shop for quality assured second-hand devices.</p>
                                      <a href="https://globaljinhua.com/buy"
                                        class="light sqr-btn have-dot"><span>Explore</span></a>
                                    </div>
                                  </div>
                                  <div class="single-tab-card">
                                    <img src="http://globaljinhua.com/wp-content/uploads/2025/06/arrows-icon.svg"
                                      alt="icon">
                                    <div>
                                      <h3>Trade-in</h3>
                                      <p>Trade in and buyback wide range of devices.</p>
                                      <a href="https://globaljinhua.com/sell"
                                        class="light sqr-btn have-dot"><span>Explore</span></a>
                                    </div>
                                  </div>
                                  <div class="single-tab-card">
                                    <img src="http://globaljinhua.com/wp-content/uploads/2025/06/pie-chart-icon.svg"
                                      alt="icon">
                                    <div>
                                      <h3>Subscription</h3>
                                      <p>Buy, lease, upgrade or return your Device.</p>
                                      <a href="https://globaljinhua.com/subscribe"
                                        class="light sqr-btn have-dot"><span>Explore</span></a>
                                    </div>
                                  </div>
                                  <div class="single-tab-card">
                                    <img src="http://globaljinhua.com/wp-content/uploads/2025/06/heart-icon.svg"
                                      alt="icon">
                                    <div>
                                      <h3>Protection</h3>
                                      <p>Never worry about manufacturer defects with our comprehensive warranty.</p>
                                      <a href="https://globaljinhua.com/protect"
                                        class="light sqr-btn have-dot"><span>Explore</span></a>
                                    </div>
                                  </div>
                                </div>
                                <div class="tab-cards" data-services="faq">
                                  <div class="single-tab-card">
                                    <img src="http://globaljinhua.com/wp-content/uploads/2025/06/recovery-icon.svg"
                                      alt="icon">
                                    <div>
                                      <h3>Asset Cost Recovery</h3>
                                      <p>
                                        Monetise any residual value remaining from your retired mobile
                                        fleet assets.
                                      </p>
                                      <a href="https://globaljinhua.com/enterprise#asset-cost-recovery"
                                        class="light sqr-btn have-dot"><span>Explore</span></a>
                                    </div>
                                  </div>
                                  <div class="single-tab-card">
                                    <img src="http://globaljinhua.com/wp-content/uploads/2025/06/asset-upgrade-icon.svg"
                                      alt="icon">
                                    <div>
                                      <h3>Asset Upgrade</h3>
                                      <p>Acquiring Second Life Mobile Fleet via Direct Ownership.</p>
                                      <a href="https://globaljinhua.com/enterprise#asset-upgrade"
                                        class="light sqr-btn have-dot"><span>Explore</span></a>
                                    </div>
                                  </div>
                                  <div class="single-tab-card">
                                    <img
                                      src="http://globaljinhua.com/wp-content/uploads/2025/06/group-corporate-icon.svg"
                                      alt="icon">
                                    <div>
                                      <h3>Group Corporate Partnership</h3>
                                      <p>
                                        Cost effective solutions to optimise your business.
                                      </p>
                                      <a href="https://globaljinhua.com/enterprise#group-corporate-partnership"
                                        class="light sqr-btn have-dot"><span>Explore</span></a>
                                    </div>
                                  </div>
                                </div>
                                <div class="tab-cards" data-services="wholesale">
                                  <div class="single-tab-card">
                                    <img src="http://globaljinhua.com/wp-content/uploads/2025/06/tested-graded.svg"
                                      alt="icon">
                                    <div>
                                      <h3>Tested and Graded Devices</h3>
                                      <p>Professionally checked devices with clear reports for transparency and
                                        confidence.</p>
                                      <a href="https://globaljinhua.com/wholesale#tested-graded"
                                        class="light sqr-btn have-dot"><span>Explore</span></a>
                                    </div>
                                  </div>
                                  <div class="single-tab-card">
                                    <img src="http://globaljinhua.com/wp-content/uploads/2025/06/as-is-device.svg"
                                      alt="icon">
                                    <div>
                                      <h3>AS IS Devices</h3>
                                      <p>Sold As Is with the option to test for functions or authenticity of parts.</p>
                                      <a href="https://globaljinhua.com/wholesale#as-is-device"
                                        class="light sqr-btn have-dot"><span>Explore</span></a>
                                    </div>
                                  </div>
                                </div>
                                <div class="tab-cards" data-services="partner">
                                  <div class="single-tab-card">
                                    <img
                                      src="http://globaljinhua.com/wp-content/uploads/2025/06/light-green-two-arrow.svg"
                                      alt="icon">
                                    <div>
                                      <h3>Trade-in Services</h3>
                                      <p>
                                        Available in-store, via the web or app.
                                      </p>
                                      <a href="https://globaljinhua.com/partner#top-container"
                                        class="light sqr-btn have-dot"><span>Explore</span></a>
                                    </div>
                                  </div>
                                  <div class="single-tab-card">
                                    <img
                                      src="http://globaljinhua.com/wp-content/uploads/2025/06/light-green-three-arrow.svg"
                                      alt="icon">
                                    <div>
                                      <h3>ReNewNGo</h3>
                                      <p>Flexible device subscription.</p>
                                      <a href="https://globaljinhua.com/partner#top-container"
                                        class="light sqr-btn have-dot"><span>Explore</span></a>
                                    </div>
                                  </div>
                                  <div class="single-tab-card">
                                    <img src="http://globaljinhua.com/wp-content/uploads/2025/06/light-green-heart.svg"
                                      alt="icon">
                                    <div>
                                      <h3>Device Care</h3>
                                      <p>
                                        Device care options that keep their devices flawless.
                                      </p>
                                      <a href="https://globaljinhua.com/partner#top-container"
                                        class="light sqr-btn have-dot"><span>Explore</span></a>
                                    </div>
                                  </div>
                                  <div class="single-tab-card">
                                    <img
                                      src="http://globaljinhua.com/wp-content/uploads/2025/06/light-green-building.svg"
                                      alt="icon">
                                    <div>
                                      <h3>Enterprise Solutions</h3>
                                      <p>
                                        BYOD alternatives for employees.
                                      </p>
                                      <a href="https://globaljinhua.com/partner#top-container"
                                        class="light sqr-btn have-dot"><span>Explore</span></a>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </section>
          </div>
        </div>
      </main>
    </div>
  </div>

  <!-- 添加脚本 -->
  <script src="https://code.jquery.com/jquery-3.7.1.min.js"
    integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script>
  <script type="text/javascript">
    /*!
     * Lenis v1.0.23
     * https://github.com/studio-freight/lenis
     * Licensed under MIT
     */

    (function (global, factory) {
      "use strict";
      if (typeof exports === "object" && typeof module !== "undefined") {
        module.exports = factory();
      } else if (typeof define === "function" && define.amd) {
        define(factory);
      } else {
        (global || self).Lenis = factory();
      }
    })(this, function () {
      "use strict";

      function defineProperty(target, props) {
        for (var i = 0; i < props.length; i++) {
          var descriptor = props[i];
          descriptor.enumerable = descriptor.enumerable || false;
          descriptor.configurable = true;
          if ("value" in descriptor) descriptor.writable = true;
          Object.defineProperty(target, descriptor.key, descriptor);
        }
      }

      function createClass(Constructor, protoProps, staticProps) {
        if (protoProps) defineProperty(Constructor.prototype, protoProps);
        if (staticProps) defineProperty(Constructor, staticProps);
        Object.defineProperty(Constructor, "prototype", { writable: false });
        return Constructor;
      }

      function assign() {
        return assign = Object.assign ? Object.assign.bind() : function (target) {
          for (var i = 1; i < arguments.length; i++) {
            var source = arguments[i];
            for (var key in source) {
              if (Object.prototype.hasOwnProperty.call(source, key)) {
                target[key] = source[key];
              }
            }
          }
          return target;
        }, assign.apply(this, arguments);
      }

      function clamp(min, value, max) {
        return Math.max(min, Math.min(value, max));
      }

      // Animate class
      var Animate = function () {
        function Animate() { }

        var proto = Animate.prototype;

        proto.advance = function (deltaTime) {
          if (!this.isRunning) return;

          var completed = false;

          if (this.lerp) {
            var from = this.value;
            var to = this.to;
            var factor = 1 - Math.exp(-60 * this.lerp * deltaTime);
            this.value = (1 - factor) * from + factor * to;

            if (Math.round(this.value) === this.to) {
              this.value = this.to;
              completed = true;
            }
          } else {
            this.currentTime += deltaTime;
            var progress = clamp(0, this.currentTime / this.duration, 1);
            completed = progress >= 1;
            var easedProgress = completed ? 1 : this.easing(progress);
            this.value = this.from + (this.to - this.from) * easedProgress;
          }

          if (this.onUpdate) {
            this.onUpdate(this.value, { completed: completed });
          }

          if (completed) {
            this.stop();
          }
        };

        proto.stop = function () {
          this.isRunning = false;
        };

        proto.fromTo = function (from, to, options) {
          var lerp = options.lerp !== undefined ? options.lerp : 0.1;
          var duration = options.duration !== undefined ? options.duration : 1;
          var easing = options.easing !== undefined ? options.easing : function (t) { return t; };
          var onUpdate = options.onUpdate;

          this.from = this.value = from;
          this.to = to;
          this.lerp = lerp;
          this.duration = duration;
          this.easing = easing;
          this.currentTime = 0;
          this.isRunning = true;
          this.onUpdate = onUpdate;
        };

        return Animate;
      }();

      // Dimensions class
      var Dimensions = function () {
        function Dimensions(options) {
          var self = this;
          options = options || {};
          var wrapper = options.wrapper;
          var content = options.content;
          var autoResize = options.autoResize !== undefined ? options.autoResize : true;

          this.resize = function () {
            self.onWrapperResize();
            self.onContentResize();
          };

          this.onWrapperResize = function () {
            if (self.wrapper === window) {
              self.width = window.innerWidth;
              self.height = window.innerHeight;
            } else {
              self.width = self.wrapper.clientWidth;
              self.height = self.wrapper.clientHeight;
            }
          };

          this.onContentResize = function () {
            self.scrollHeight = self.content.scrollHeight;
            self.scrollWidth = self.content.scrollWidth;
          };

          this.wrapper = wrapper;
          this.content = content;

          if (autoResize) {
            var resizeHandler = function () {
              var timeout;
              return function () {
                clearTimeout(timeout);
                timeout = setTimeout(function () {
                  self.resize();
                }, 250);
              };
            }();

            if (this.wrapper !== window) {
              this.wrapperResizeObserver = new ResizeObserver(resizeHandler);
              this.wrapperResizeObserver.observe(this.wrapper);
            }

            this.contentResizeObserver = new ResizeObserver(resizeHandler);
            this.contentResizeObserver.observe(this.content);
          }

          this.resize();
        }

        Dimensions.prototype.destroy = function () {
          if (this.wrapperResizeObserver) {
            this.wrapperResizeObserver.disconnect();
          }
          if (this.contentResizeObserver) {
            this.contentResizeObserver.disconnect();
          }
        };

        createClass(Dimensions, [{
          key: "limit",
          get: function () {
            return {
              x: this.scrollWidth - this.width,
              y: this.scrollHeight - this.height
            };
          }
        }]);

        return Dimensions;
      }();

      // Emitter class
      var Emitter = function () {
        function Emitter() {
          this.events = {};
        }

        var proto = Emitter.prototype;

        proto.emit = function (event) {
          var listeners = this.events[event] || [];
          var args = [].slice.call(arguments, 1);

          for (var i = 0; i < listeners.length; i++) {
            listeners[i].apply(listeners, args);
          }
        };

        proto.on = function (event, callback) {
          var self = this;

          if (!this.events[event]) {
            this.events[event] = [];
          }

          this.events[event].push(callback);

          return function () {
            if (self.events[event]) {
              self.events[event] = self.events[event].filter(function (cb) {
                return callback !== cb;
              });
            }
          };
        };

        proto.off = function (event, callback) {
          if (this.events[event]) {
            this.events[event] = this.events[event].filter(function (cb) {
              return callback !== cb;
            });
          }
        };

        proto.destroy = function () {
          this.events = {};
        };

        return Emitter;
      }();

      // VirtualScroll class
      var VirtualScroll = function () {
        function VirtualScroll(element, options) {
          var self = this;
          var wheelMultiplier = options.wheelMultiplier !== undefined ? options.wheelMultiplier : 1;
          var touchMultiplier = options.touchMultiplier !== undefined ? options.touchMultiplier : 2;
          var normalizeWheel = options.normalizeWheel !== undefined ? options.normalizeWheel : false;

          this.onTouchStart = function (event) {
            var touch = event.targetTouches ? event.targetTouches[0] : event;
            var clientY = touch.clientY;
            self.touchStart.x = touch.clientX;
            self.touchStart.y = clientY;
            self.lastDelta = { x: 0, y: 0 };
          };

          this.onTouchMove = function (event) {
            var touch = event.targetTouches ? event.targetTouches[0] : event;
            var clientX = touch.clientX;
            var clientY = touch.clientY;
            var deltaX = -(clientX - self.touchStart.x) * self.touchMultiplier;
            var deltaY = -(clientY - self.touchStart.y) * self.touchMultiplier;

            self.touchStart.x = clientX;
            self.touchStart.y = clientY;
            self.lastDelta = { x: deltaX, y: deltaY };

            self.emitter.emit("scroll", {
              deltaX: deltaX,
              deltaY: deltaY,
              event: event
            });
          };

          this.onTouchEnd = function (event) {
            self.emitter.emit("scroll", {
              deltaX: self.lastDelta.x,
              deltaY: self.lastDelta.y,
              event: event
            });
          };

          this.onWheel = function (event) {
            var deltaX = event.deltaX;
            var deltaY = event.deltaY;

            if (self.normalizeWheel) {
              deltaX = clamp(-100, deltaX, 100);
              deltaY = clamp(-100, deltaY, 100);
            }

            deltaX *= self.wheelMultiplier;
            deltaY *= self.wheelMultiplier;

            self.emitter.emit("scroll", {
              deltaX: deltaX,
              deltaY: deltaY,
              event: event
            });
          };

          this.element = element;
          this.wheelMultiplier = wheelMultiplier;
          this.touchMultiplier = touchMultiplier;
          this.normalizeWheel = normalizeWheel;
          this.touchStart = { x: null, y: null };
          this.emitter = new Emitter();

          this.element.addEventListener("wheel", this.onWheel, { passive: false });
          this.element.addEventListener("touchstart", this.onTouchStart, { passive: false });
          this.element.addEventListener("touchmove", this.onTouchMove, { passive: false });
          this.element.addEventListener("touchend", this.onTouchEnd, { passive: false });
        }

        var proto = VirtualScroll.prototype;

        proto.on = function (event, callback) {
          return this.emitter.on(event, callback);
        };

        proto.destroy = function () {
          this.emitter.destroy();
          this.element.removeEventListener("wheel", this.onWheel, { passive: false });
          this.element.removeEventListener("touchstart", this.onTouchStart, { passive: false });
          this.element.removeEventListener("touchmove", this.onTouchMove, { passive: false });
          this.element.removeEventListener("touchend", this.onTouchEnd, { passive: false });
        };

        return VirtualScroll;
      }();

      // Main Lenis class
      return function () {
        function Lenis(options) {
          var self = this;
          options = options || {};

          var wrapper = options.wrapper !== undefined ? options.wrapper : window;
          var content = options.content !== undefined ? options.content : document.documentElement;
          var wheelEventsTarget = options.wheelEventsTarget !== undefined ? options.wheelEventsTarget : wrapper;
          var smoothWheel = options.smoothWheel !== undefined ? options.smoothWheel : true;
          var smoothTouch = options.smoothTouch !== undefined ? options.smoothTouch : false;
          var syncTouch = options.syncTouch !== undefined ? options.syncTouch : false;
          var syncTouchLerp = options.syncTouchLerp !== undefined ? options.syncTouchLerp : 0.1;
          var __iosNoInertiaSyncTouchLerp = options.__iosNoInertiaSyncTouchLerp !== undefined ? options.__iosNoInertiaSyncTouchLerp : 0.4;
          var touchInertiaMultiplier = options.touchInertiaMultiplier !== undefined ? options.touchInertiaMultiplier : 35;
          var duration = options.duration;
          var easing = options.easing !== undefined ? options.easing : function (t) {
            return Math.min(1, 1.001 - Math.pow(2, -10 * t));
          };
          var lerp = options.lerp !== undefined ? options.lerp : (duration && 0.1);
          var infinite = options.infinite !== undefined ? options.infinite : false;
          var orientation = options.orientation !== undefined ? options.orientation : "vertical";
          var gestureOrientation = options.gestureOrientation !== undefined ? options.gestureOrientation : "vertical";
          var touchMultiplier = options.touchMultiplier !== undefined ? options.touchMultiplier : 1;
          var wheelMultiplier = options.wheelMultiplier !== undefined ? options.wheelMultiplier : 1;
          var normalizeWheel = options.normalizeWheel !== undefined ? options.normalizeWheel : false;
          var autoResize = options.autoResize !== undefined ? options.autoResize : true;

          this.onVirtualScroll = function (data) {
            var deltaX = data.deltaX;
            var deltaY = data.deltaY;
            var event = data.event;

            if (event.ctrlKey) return;

            var isTouch = event.type.includes("touch");
            var isWheel = event.type.includes("wheel");

            if (
              (self.options.gestureOrientation === "vertical" && deltaY === 0) ||
              (self.options.gestureOrientation === "horizontal" && deltaX === 0) ||
              (isTouch && self.options.gestureOrientation === "vertical" && self.scroll === 0 && !self.options.infinite && deltaY <= 0)
            ) {
              return;
            }

            var composedPath = event.composedPath();
            composedPath = composedPath.slice(0, composedPath.indexOf(self.rootElement));

            var preventElement = composedPath.find(function (element) {
              var hasPreventAttr = element.hasAttribute && element.hasAttribute("data-lenis-prevent");
              var hasPreventTouch = isTouch && element.hasAttribute && element.hasAttribute("data-lenis-prevent-touch");
              var hasPreventWheel = isWheel && element.hasAttribute && element.hasAttribute("data-lenis-prevent-wheel");
              var hasLenisClass = element.classList && element.classList.contains("lenis");

              return hasPreventAttr || hasPreventTouch || hasPreventWheel || hasLenisClass;
            });

            if (preventElement) return;

            if (self.isStopped || self.isLocked) {
              event.preventDefault();
              return;
            }

            self.isSmooth = (
              (self.options.smoothTouch || self.options.syncTouch) && isTouch ||
              self.options.smoothWheel && isWheel
            );

            if (!self.isSmooth) {
              self.isScrolling = false;
              self.animate.stop();
              return;
            }

            event.preventDefault();

            var delta = deltaY;
            if (self.options.gestureOrientation === "both") {
              delta = Math.abs(deltaY) > Math.abs(deltaX) ? deltaY : deltaX;
            } else if (self.options.gestureOrientation === "horizontal") {
              delta = deltaX;
            }

            var isSync = isTouch && self.options.syncTouch;
            var isInertia = isTouch && event.type === "touchend" && Math.abs(delta) > 1;

            if (isInertia) {
              delta = self.velocity * self.options.touchInertiaMultiplier;
            }

            self.scrollTo(self.targetScroll + delta, assign({
              programmatic: false
            }, isSync && {
              lerp: isInertia ? self.syncTouchLerp : self.options.__iosNoInertiaSyncTouchLerp
            }));
          };

          this.onScroll = function () {
            if (!self.isScrolling) {
              var lastScroll = self.animatedScroll;
              self.animatedScroll = self.targetScroll = self.actualScroll;
              self.velocity = 0;
              self.direction = Math.sign(self.animatedScroll - lastScroll);
              self.emit();
            }
          };

          window.lenisVersion = "1.0.23";

          if (wrapper === document.documentElement || wrapper === document.body) {
            wrapper = window;
          }

          this.options = {
            wrapper: wrapper,
            content: content,
            wheelEventsTarget: wheelEventsTarget,
            smoothWheel: smoothWheel,
            smoothTouch: smoothTouch,
            syncTouch: syncTouch,
            syncTouchLerp: syncTouchLerp,
            __iosNoInertiaSyncTouchLerp: __iosNoInertiaSyncTouchLerp,
            touchInertiaMultiplier: touchInertiaMultiplier,
            duration: duration,
            easing: easing,
            lerp: lerp,
            infinite: infinite,
            gestureOrientation: gestureOrientation,
            orientation: orientation,
            touchMultiplier: touchMultiplier,
            wheelMultiplier: wheelMultiplier,
            normalizeWheel: normalizeWheel,
            autoResize: autoResize
          };

          this.dimensions = new Dimensions({
            wrapper: wrapper,
            content: content,
            autoResize: autoResize
          });

          this.rootElement.classList.add("lenis");
          this.velocity = 0;
          this.isStopped = false;
          this.isSmooth = smoothWheel || smoothTouch;
          this.isScrolling = false;
          this.targetScroll = this.animatedScroll = this.actualScroll;
          this.animate = new Animate();
          this.emitter = new Emitter();

          this.options.wrapper.addEventListener("scroll", this.onScroll, { passive: false });
          this.virtualScroll = new VirtualScroll(wheelEventsTarget, {
            touchMultiplier: touchMultiplier,
            wheelMultiplier: wheelMultiplier,
            normalizeWheel: normalizeWheel
          });

          this.virtualScroll.on("scroll", this.onVirtualScroll);
        }

        var proto = Lenis.prototype;

        proto.destroy = function () {
          this.emitter.destroy();
          this.options.wrapper.removeEventListener("scroll", this.onScroll, { passive: false });
          this.virtualScroll.destroy();
          this.dimensions.destroy();
          this.rootElement.classList.remove("lenis");
          this.rootElement.classList.remove("lenis-smooth");
          this.rootElement.classList.remove("lenis-scrolling");
          this.rootElement.classList.remove("lenis-stopped");
        };

        proto.on = function (event, callback) {
          return this.emitter.on(event, callback);
        };

        proto.off = function (event, callback) {
          return this.emitter.off(event, callback);
        };

        proto.setScroll = function (scroll) {
          if (this.isHorizontal) {
            this.rootElement.scrollLeft = scroll;
          } else {
            this.rootElement.scrollTop = scroll;
          }
        };

        proto.resize = function () {
          this.dimensions.resize();
        };

        proto.emit = function () {
          this.emitter.emit("scroll", this);
        };

        proto.reset = function () {
          this.isLocked = false;
          this.isScrolling = false;
          this.velocity = 0;
          this.animate.stop();
        };

        proto.start = function () {
          this.isStopped = false;
          this.reset();
        };

        proto.stop = function () {
          this.isStopped = true;
          this.animate.stop();
          this.reset();
        };

        proto.raf = function (time) {
          var deltaTime = time - (this.time || time);
          this.time = time;
          this.animate.advance(deltaTime * 0.001);
        };

        proto.scrollTo = function (target, options) {
          var self = this;
          options = options || {};

          var offset = options.offset !== undefined ? options.offset : 0;
          var immediate = options.immediate !== undefined ? options.immediate : false;
          var lock = options.lock !== undefined ? options.lock : false;
          var duration = options.duration !== undefined ? options.duration : this.options.duration;
          var easing = options.easing !== undefined ? options.easing : this.options.easing;
          var lerp = options.lerp !== undefined ? options.lerp : (!duration && this.options.lerp);
          var onComplete = options.onComplete !== undefined ? options.onComplete : null;
          var force = options.force;
          var programmatic = options.programmatic !== undefined ? options.programmatic : true;

          if (!this.isStopped || force !== undefined && force) {
            if (["top", "left", "start"].includes(target)) {
              target = 0;
            } else if (["bottom", "right", "end"].includes(target)) {
              target = this.limit;
            } else {
              var element;
              if (typeof target === "string") {
                element = document.querySelector(target);
              } else if (target && target.nodeType) {
                element = target;
              }

              if (element) {
                if (this.options.wrapper !== window) {
                  var wrapperRect = this.options.wrapper.getBoundingClientRect();
                  offset -= this.isHorizontal ? wrapperRect.left : wrapperRect.top;
                }

                var elementRect = element.getBoundingClientRect();
                target = (this.isHorizontal ? elementRect.left : elementRect.top) + this.animatedScroll;
              }
            }

            if (typeof target === "number") {
              target += offset;
              target = Math.round(target);

              if (this.options.infinite) {
                if (programmatic) {
                  this.targetScroll = this.animatedScroll = this.scroll;
                }
              } else {
                target = clamp(0, target, this.limit);
              }

              if (immediate) {
                this.animatedScroll = this.targetScroll = target;
                this.setScroll(this.scroll);
                this.reset();
                this.emit();
                if (onComplete) onComplete();
                return;
              }

              if (!programmatic) {
                if (target === this.targetScroll) return;
                this.targetScroll = target;
              }

              this.animate.fromTo(this.animatedScroll, target, {
                duration: duration,
                easing: easing,
                lerp: lerp,
                onUpdate: function (value, data) {
                  var completed = data.completed;

                  if (lock) {
                    self.isLocked = true;
                  }

                  self.isScrolling = true;
                  self.velocity = value - self.animatedScroll;
                  self.direction = Math.sign(self.velocity);
                  self.animatedScroll = value;
                  self.setScroll(self.scroll);

                  if (programmatic) {
                    self.targetScroll = value;
                  }

                  if (completed) {
                    if (lock) {
                      self.isLocked = false;
                    }

                    requestAnimationFrame(function () {
                      self.isScrolling = false;
                    });

                    self.velocity = 0;
                    if (onComplete) onComplete();
                  }

                  self.emit();
                }
              });
            }
          }
        };

        createClass(Lenis, [
          {
            key: "rootElement",
            get: function () {
              return this.options.wrapper === window ? this.options.content : this.options.wrapper;
            }
          },
          {
            key: "limit",
            get: function () {
              return this.dimensions.limit[this.isHorizontal ? "x" : "y"];
            }
          },
          {
            key: "isHorizontal",
            get: function () {
              return this.options.orientation === "horizontal";
            }
          },
          {
            key: "actualScroll",
            get: function () {
              return this.isHorizontal ? this.rootElement.scrollLeft : this.rootElement.scrollTop;
            }
          },
          {
            key: "scroll",
            get: function () {
              if (this.options.infinite) {
                var limit = this.limit;
                return ((this.animatedScroll % limit) + limit) % limit;
              }
              return this.animatedScroll;
            }
          },
          {
            key: "progress",
            get: function () {
              return this.limit === 0 ? 1 : this.scroll / this.limit;
            }
          },
          {
            key: "isSmooth",
            get: function () {
              return this.__isSmooth;
            },
            set: function (value) {
              if (this.__isSmooth !== value) {
                this.rootElement.classList.toggle("lenis-smooth", value);
                this.__isSmooth = value;
              }
            }
          },
          {
            key: "isScrolling",
            get: function () {
              return this.__isScrolling;
            },
            set: function (value) {
              if (this.__isScrolling !== value) {
                this.rootElement.classList.toggle("lenis-scrolling", value);
                this.__isScrolling = value;
              }
            }
          },
          {
            key: "isStopped",
            get: function () {
              return this.__isStopped;
            },
            set: function (value) {
              if (this.__isStopped !== value) {
                this.rootElement.classList.toggle("lenis-stopped", value);
                this.__isStopped = value;
              }
            }
          }
        ]);

        return Lenis;
      }();
    });
  </script>
  <script type="text/javascript">
    /*!
     * SplitType v0.3.4
     * https://github.com/lukePeavey/SplitType
     * @author Luke Peavey <lwpeavey@gmail.com>
     */

    (function (global, factory) {
      "use strict";
      if (typeof exports === "object" && typeof module !== "undefined") {
        module.exports = factory();
      } else if (typeof define === "function" && define.amd) {
        define(factory);
      } else {
        (global = typeof globalThis !== "undefined" ? globalThis : global || self).SplitType = factory();
      }
    })(this, function () {
      "use strict";

      function defineProperty(obj, key, value) {
        if (key in obj) {
          Object.defineProperty(obj, key, {
            value: value,
            enumerable: true,
            configurable: true,
            writable: true
          });
        } else {
          obj[key] = value;
        }
        return obj;
      }

      function objectSpread(target) {
        for (var i = 1; i < arguments.length; i++) {
          var source = arguments[i] != null ? arguments[i] : {};
          var ownKeys = Object.keys(source);

          if (typeof Object.getOwnPropertySymbols === "function") {
            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {
              return Object.getOwnPropertyDescriptor(source, sym).enumerable;
            }));
          }

          ownKeys.forEach(function (key) {
            defineProperty(target, key, source[key]);
          });
        }
        return target;
      }

      function createClass(Constructor, protoProps, staticProps) {
        if (protoProps) {
          for (var i = 0; i < protoProps.length; i++) {
            var descriptor = protoProps[i];
            descriptor.enumerable = descriptor.enumerable || false;
            descriptor.configurable = true;
            if ("value" in descriptor) descriptor.writable = true;
            Object.defineProperty(Constructor.prototype, descriptor.key, descriptor);
          }
        }
        if (staticProps) {
          for (var i = 0; i < staticProps.length; i++) {
            var descriptor = staticProps[i];
            descriptor.enumerable = descriptor.enumerable || false;
            descriptor.configurable = true;
            if ("value" in descriptor) descriptor.writable = true;
            Object.defineProperty(Constructor, descriptor.key, descriptor);
          }
        }
        return Constructor;
      }

      // Utility functions
      function isString(value) {
        return typeof value === "string";
      }

      function isArray(value) {
        return Array.isArray(value);
      }

      function toArray(value) {
        if (isArray(value)) return value;
        if (value == null) return [];
        return isString(value) ? value.split("") : Array.from(value);
      }

      function extend(target) {
        var sources = Array.prototype.slice.call(arguments, 1);
        sources.forEach(function (source) {
          if (source) {
            for (var key in source) {
              if (source.hasOwnProperty(key)) {
                target[key] = source[key];
              }
            }
          }
        });
        return target;
      }

      function getText(element) {
        return element.textContent || element.innerText || "";
      }

      function createElement(tag, attributes) {
        var element = document.createElement(tag);
        if (attributes) {
          for (var key in attributes) {
            if (attributes.hasOwnProperty(key)) {
              element.setAttribute(key, attributes[key]);
            }
          }
        }
        return element;
      }

      // Default settings
      var defaults = {
        absolute: false,
        tagName: "div",
        wordClass: "word",
        charClass: "char",
        lineClass: "line",
        splitClass: "split",
        types: "lines, words, chars"
      };

      // Main SplitType class
      var SplitType = function () {
        function SplitType(elements, options) {
          this.isSplit = false;
          this.settings = extend({}, defaults, options);
          this.elements = this.getElements(elements);

          if (this.elements.length) {
            this.split();
          }
        }

        var proto = SplitType.prototype;

        proto.getElements = function (elements) {
          if (typeof elements === "string") {
            return Array.from(document.querySelectorAll(elements));
          }

          if (elements && elements.nodeType) {
            return [elements];
          }

          if (elements && elements.length) {
            return Array.from(elements);
          }

          return [];
        };

        proto.split = function () {
          var self = this;

          this.elements.forEach(function (element) {
            self.splitElement(element);
          });

          this.isSplit = true;
        };

        proto.splitElement = function (element) {
          var settings = this.settings;
          var types = settings.types.split(",").map(function (type) {
            return type.trim();
          });

          var originalText = getText(element);
          element.innerHTML = "";

          if (types.includes("lines") || types.includes("words") || types.includes("chars")) {
            this.createSplitStructure(element, originalText, types);
          }
        };

        proto.createSplitStructure = function (element, text, types) {
          var settings = this.settings;
          var words = text.split(/\s+/).filter(function (word) {
            return word.length > 0;
          });

          var lines = [];
          var currentLine = [];
          var allChars = [];
          var allWords = [];

          words.forEach(function (wordText, wordIndex) {
            var wordElement = createElement(settings.tagName, {
              class: settings.wordClass,
              style: "display: inline-block;"
            });

            if (types.includes("chars")) {
              var chars = wordText.split("").map(function (charText, charIndex) {
                var charElement = createElement(settings.tagName, {
                  class: settings.charClass,
                  style: "display: inline-block;"
                });
                charElement.textContent = charText;
                allChars.push(charElement);
                return charElement;
              });

              chars.forEach(function (charElement) {
                wordElement.appendChild(charElement);
              });
            } else {
              wordElement.textContent = wordText;
            }

            allWords.push(wordElement);
            currentLine.push(wordElement);

            // Add space after word (except last word)
            if (wordIndex < words.length - 1) {
              var spaceElement = document.createTextNode(" ");
              if (types.includes("lines")) {
                currentLine.push(spaceElement);
              }
            }
          });

          if (types.includes("lines")) {
            lines.push(currentLine);

            lines.forEach(function (lineWords) {
              var lineElement = createElement(settings.tagName, {
                class: settings.lineClass,
                style: "display: block;"
              });

              lineWords.forEach(function (wordOrSpace) {
                lineElement.appendChild(wordOrSpace);
              });

              element.appendChild(lineElement);
            });
          } else {
            allWords.forEach(function (wordElement, index) {
              element.appendChild(wordElement);
              if (index < allWords.length - 1) {
                element.appendChild(document.createTextNode(" "));
              }
            });
          }

          // Store references
          if (types.includes("lines")) {
            this.lines = element.querySelectorAll("." + settings.lineClass);
          }
          if (types.includes("words")) {
            this.words = element.querySelectorAll("." + settings.wordClass);
          }
          if (types.includes("chars")) {
            this.chars = element.querySelectorAll("." + settings.charClass);
          }
        };

        proto.revert = function () {
          if (!this.isSplit) return;

          var self = this;
          this.elements.forEach(function (element) {
            var originalText = getText(element);
            element.innerHTML = originalText;
          });

          this.isSplit = false;
        };

        // Static methods
        SplitType.create = function (elements, options) {
          return new SplitType(elements, options);
        };

        SplitType.revert = function (elements) {
          var splitElements;

          if (typeof elements === "string") {
            splitElements = document.querySelectorAll(elements);
          } else if (elements && elements.length) {
            splitElements = elements;
          } else if (elements && elements.nodeType) {
            splitElements = [elements];
          }

          if (splitElements) {
            Array.from(splitElements).forEach(function (element) {
              var instance = element.splitType;
              if (instance) {
                instance.revert();
              }
            });
          }
        };

        createClass(SplitType, [
          {
            key: "lines",
            get: function () {
              return this._lines || [];
            },
            set: function (value) {
              this._lines = value;
            }
          },
          {
            key: "words",
            get: function () {
              return this._words || [];
            },
            set: function (value) {
              this._words = value;
            }
          },
          {
            key: "chars",
            get: function () {
              return this._chars || [];
            },
            set: function (value) {
              this._chars = value;
            }
          }
        ]);

        return SplitType;
      }();

      return SplitType;
    }); 
  </script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollTrigger.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollToPlugin.min.js"></script>



  <script type="text/javascript">
    /* <![CDATA[ */
    //  ---------------------- Smooth Scroll (JS) ---------------------- //
    const lenis = new Lenis({
      duration: 1.2,
      easing: (t) => Math.min(1, 1.001 - Math.pow(2.25, -10 * t)),
    });
    function raf(time) {
      lenis.raf(time);
      requestAnimationFrame(raf);
    }
    requestAnimationFrame(raf);

    //  ---------------------- Text Animation ---------------------- //
    let typeSplit = new SplitType('h1, h2:not(.disable-split)', {
      types: 'lines, words',
      tagName: 'span',
    });
    gsap.utils.toArray('h1, h2:not(.disable-split)').forEach((element) => {
      gsap.from(element.querySelectorAll('.word'), {
        y: '100%',
        opacity: 0,
        duration: 1,
        ease: 'power4.out',
        stagger: 0.05,

        scrollTrigger: {
          trigger: element,
          start: 'bottom bottom', // When the top of the element touches the bottom of the viewport
          toggleActions: 'play none none none',
        },
      });
    });



    //  ---------------------- Essential jQuery Functions ---------------------- //
    jQuery(function ($) {

      gsap.registerPlugin(ScrollTrigger);
      gsap.registerPlugin(ScrollToPlugin);

      // 控制bottom-main-menu的显示/隐藏
      let lastScrollTop = 0;
      $(window).on('scroll', function () {
        const st = $(window).scrollTop();

        // 向下滚动时隐藏菜单
        if (st > lastScrollTop && st > 10) {
          $('body').addClass('mfn-header-scrolled');
        }
        // 向上滚动时显示菜单
        else if (st < 10) {
          $('body').removeClass('mfn-header-scrolled');
        }

        lastScrollTop = st;
      });

      // Add event listener to all elements with data-tab
      $('[data-tab]').on('click', function () {
        // Find the matching element by its data-tab-location attribute
        const targetLocation = $(this).data('tab');
        const $targetElement = $(`[data-tab-location="${targetLocation}"]`);

        if ($targetElement.length) {
          gsap.to(window, {
            duration: 1,
            scrollTo: { y: $targetElement.offset().top, offsetY: 70 }, // Scroll to the matched element
          });
        } else {
          console.warn(
            `No element found with data-tab-location="${targetLocation}"`
          );
        }

        // Update the corresponding mobile-only span
        const $tabsContainer = $(this).closest('.tabs');
        $tabsContainer.find('span.phone-only').text($(this).text());
      });

      // Initially display the 'consumer' tab card and set the corresponding tab as active
      $('.tab-cards').first().addClass('active');
      $('.tab').first().addClass('active');

      // Add click event to each tab
      $('.tab').on('click', function () {
        // Get the data-services value of the clicked tab
        var service = $(this).data('services');

        // Remove active class from all tabs and tab cards
        $('.tab').removeClass('active');
        $('.tab-cards').removeClass('active');

        // Add active class to the clicked tab and the corresponding tab card
        $(this).addClass('active');
        $('.tab-cards[data-services="' + service + '"]').addClass('active');
        $('.tab-cards.' + service).addClass('active');

        // Update the corresponding mobile-only span
        const $tabsContainer = $(this).closest('.tabs');
        $tabsContainer.find('span.phone-only').text($(this).text());
      });

      $(document).on('click', function () {
        // Remove active from all .tabs when clicking anywhere
        $('.tabs').removeClass('active');
      });

      $('.tabs span.phone-only').on('click', function (event) {
        event.stopPropagation(); // Prevent the click event from bubbling up to the document
        const $tabsContainer = $(this).closest('.tabs');

        // Add .active class to the clicked .tabs
        $tabsContainer.addClass('active');
      });

      const lastImage = document.querySelector(
        '.background-transition img:last-child'
      );

      gsap
        .timeline({
          scrollTrigger: {
            trigger: '.background-transition', // Start when .before-transition hits the top of the viewport
            start: 'top top', // Pin starts when the top of .before-transition reaches the top of the viewport
            endTrigger: '.after-transition', // End pinning when the .after-transition section comes into view
            end: 'top top', // Pin ends when the bottom of .after-transition hits the top of the viewport
            pin: true, // Pin the .background-transition
            scrub: true, // Smooth scroll effect
          },
        })
        .to(lastImage, { opacity: 0, duration: 1 }, 0.5); // Fades the last image out during the scroll

      gsap.to('.counting-section .phone', {
        scrollTrigger: {
          trigger: '.counting-section', // The element that triggers the scroll event
          start: 'top 70%', // Start when the top of .counting-section is in the middle of the viewport
          end: 'center top', // End when the top of .counting-section reaches the top of the viewport
          scrub: true, // Smooth animation tied to scroll
        },
        x: '62vw', // Horizontal translation to 62vw
        y: '7vw', // Vertical translation to 7vw
        ease: 'power2.out', // No easing, smooth transition based on scroll
      });



      gsap.to('.floating-phone', {
        scrollTrigger: {
          trigger: '.transition-foreground-mountain', // Target the mountain element
          start: 'bottom bottom', // When the bottom of .transition-foreground-mountain touches the bottom of the viewport
          toggleActions: 'play none none reverse', // Play the animation on scroll down, reverse on scroll up
          immediateRender: false,
        },
        opacity: 0, // Animate opacity to 0
        duration: 0.0001,
      });

      const incrementInterval = 3; // Increment every 3 seconds
      const initialValue = 2933203;

      // Function to format numbers with commas
      function formatNumber(num) {
        return num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
      }

      // Function to calculate the current value based on time elapsed
      function calculateCurrentValue() {
        const now = new Date();
        const startOfToday = new Date(
          now.getFullYear(),
          now.getMonth(),
          now.getDate()
        );
        const elapsedSeconds = Math.floor((now - startOfToday) / 1000);
        const increments = Math.floor(elapsedSeconds / incrementInterval);
        // return initialValue + increments;
        return initialValue;
      }

      // Initial value for the animation
      const startValue = calculateCurrentValue();

      // Set the initial value in the HTML element
      document.getElementById('phoneSold').innerText = formatNumber(startValue);

      // Function to update the number
      function updateNumber() {
        const currentValue = calculateCurrentValue();
        gsap.to('#phoneSold', {
          innerText: formatNumber(currentValue),
          duration: 0,
          ease: 'none',
          onComplete: () => {
            // Update the element with the new value
            document.getElementById('phoneSold').innerText =
              formatNumber(currentValue);
          },
        });
      }
      // Initial animation
      updateNumber();

      // 已取消自动轮播
    });

    // Initialize Slick Carousel for Latest Blog Posts - Same as 250619.html
    jQuery(function ($) {
      $('.latest-blog-posts').slick({
        prevArrow:
          '<svg xmlns="http://www.w3.org/2000/svg" class="prev-arrow" width="69" height="69" viewBox="0 0 69 69" fill="none"><circle cx="34" cy="34" r="34" transform="matrix(-1 0 0 1 68.9766 0.476562)" fill="#10241B"/><path d="M43.5027 34.5116C43.5027 34.8846 43.357 35.2423 43.0977 35.506C42.8383 35.7697 42.4866 35.9179 42.1199 35.9179L31.168 35.9179L34.8002 39.6116C35.0444 39.8782 35.1774 40.2308 35.1711 40.5951C35.1648 40.9594 35.0197 41.307 34.7663 41.5647C34.5129 41.8223 34.1711 41.9699 33.8129 41.9763C33.4547 41.9828 33.1079 41.8475 32.8458 41.5991L26.8536 35.5054C26.5947 35.2417 26.4492 34.8843 26.4492 34.5116C26.4492 34.139 26.5947 33.7816 26.8536 33.5179L32.8458 27.4241C32.9724 27.286 33.1251 27.1752 33.2947 27.0983C33.4643 27.0214 33.6474 26.9801 33.8331 26.9768C34.0188 26.9734 34.2032 27.0082 34.3754 27.0789C34.5476 27.1496 34.704 27.2549 34.8353 27.3884C34.9666 27.522 35.0701 27.681 35.1397 27.8561C35.2092 28.0312 35.2434 28.2188 35.2401 28.4076C35.2368 28.5964 35.1962 28.7826 35.1206 28.9551C35.045 29.1276 34.936 29.2829 34.8002 29.4116L31.168 33.1054L42.1199 33.1054C42.8832 33.1054 43.5027 33.7354 43.5027 34.5116Z" fill="white"/></svg>',
        nextArrow:
          '<svg xmlns="http://www.w3.org/2000/svg" class="next-arrow" width="69" height="69" viewBox="0 0 69 69" fill="none"><circle cx="34.4766" cy="34.4766" r="34" fill="#10241B"/><path d="M25.4766 34.4766C25.4766 34.1037 25.6223 33.746 25.8816 33.4823C26.141 33.2186 26.4927 33.0704 26.8594 33.0704L37.8113 33.0704L34.1791 29.3767C33.9349 29.1101 33.8019 28.7575 33.8082 28.3932C33.8145 28.0289 33.9596 27.6813 34.213 27.4237C34.4664 27.166 34.8082 27.0184 35.1664 27.012C35.5246 27.0055 35.8714 27.1408 36.1335 27.3892L42.1257 33.483C42.3846 33.7466 42.5301 34.104 42.5301 34.4767C42.5301 34.8493 42.3846 35.2067 42.1257 35.4704L36.1335 41.5641C35.8714 41.8125 35.5246 41.9478 35.1664 41.9414C34.8082 41.9349 34.4664 41.7873 34.213 41.5296C33.9596 41.272 33.8145 40.9244 33.8082 40.5601C33.8019 40.1958 33.9349 39.8432 34.1791 39.5767L37.8113 35.883L26.8594 35.883C26.4927 35.883 26.141 35.7348 25.8816 35.4711C25.6223 35.2074 25.4766 34.8496 25.4766 34.4767Z" fill="white"/></svg>',
        centerMode: true,
        centerPadding: '13%',
        slidesToShow: 1,
        autoplay: false,
        infinite: true,
        focusOnSelect: true,
        dots: true,
        responsive: [
          {
            breakpoint: 959,
            settings: {
              slidesToShow: 1,
              centerMode: true,
              arrows: false,
              dots: true
            }
          }
        ]
      });
    });
    /* ]]> */
  </script>
</body>

</html>